ECharts 是一个使用 JavaScript 实现的开源可视化库,可以用于生成各种类型的图表,包括柱状图、折线图、饼图、散点图等。在 ECharts 中,可以使用 categories 属性来指定图表的分类数据。
以下是一个使用 ECharts 生成柱状图的示例,其中使用了 categories 属性:
javascript复制代码
var myChart = echarts.init(document.getElementById('main')); | |
var option = { | |
title: { | |
text: '销售数据' | |
}, | |
tooltip: { | |
trigger: 'axis' | |
}, | |
xAxis: { | |
type: 'category', | |
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'] | |
}, | |
yAxis: { | |
type: 'value' | |
}, | |
series: [{ | |
data: [5, 20, 36, 10, 10, 20], | |
type: 'bar' | |
}] | |
}; | |
myChart.setOption(option); | |
在上面的示例中,我们在 xAxis 属性中定义了 categories 数据,指定了每个类别的名称。然后,在 series 属性中定义了每个类别的数据值和类型。最后,我们使用 setOption 方法将 option 对象应用到 myChart 实例上,生成图表。
需要注意的是,categories 数据应该是字符串类型的数组,表示图表的类别名称。此外,数据应该与 series 数据一一对应,才能保证图表的正确生成。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论