var year = data.order_date; var sales = data.sales; var quantity = data.quantity; var profit = data.profit; myChart.setOption({ xAxis: { type: 'category', data: year }, yAxis: { type: 'value' }, series: [ { name: 'sales', type: 'bar', data: sales, itemStyle: { color: 'red' } }, { name: 'quantity', type: 'bar', data: quantity, itemStyle: { color: 'yellow' } }, { name: 'profit', type: 'bar', data: profit, itemStyle: { color: 'green' } } ] }); 改正代码,将对年份的销售额、数量、利润成三条柱状图,每一个年份上有三条柱状图
时间: 2024-03-15 16:44:56 浏览: 317
您可以尝试以下代码,它将每个年份的销售额、数量和利润作为一组数据,以三个柱状图的形式呈现:
```
myChart.setOption({
legend: {
data: ['sales', 'quantity', 'profit']
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: year
},
yAxis: {
type: 'value'
},
series: [
{
name: 'sales',
type: 'bar',
data: sales,
itemStyle: {
color: 'red'
}
},
{
name: 'quantity',
type: 'bar',
data: quantity,
itemStyle: {
color: 'yellow'
}
},
{
name: 'profit',
type: 'bar',
data: profit,
itemStyle: {
color: 'green'
}
}
]
});
```
这里添加了一个图例,以显示三个柱状图的名称。还添加了一个提示框,以显示每个柱状图的值。
阅读全文