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'
}]
setoption
};
myChart.setOption(option);
在上面的示例中,我们在 xAxis 属性中定义了 categories 数据,指定了每个类别的名称。然后,在 series 属性中定义了每个类别的数据值和类型。最后,我们使用 setOption 方法将 option 对象应用到 myChart 实例上,生成图表。
需要注意的是,categories 数据应该是字符串类型的数组,表示图表的类别名称。此外,数据应该与 series 数据一一对应,才能保证图表的正确生成。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。