echarts的x轴一个点对应多条的数据该怎么写
时间: 2024-05-08 09:17:51 浏览: 77
Echarts 实现X轴多维效果
在 Echarts 中,可以使用数组的形式为一个 x 轴上的点对应多条数据。例如:
```javascript
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [
{
name: 'A',
type: 'line',
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name: 'B',
type: 'line',
data: [220, 182, 191, 234, 290, 330, 310]
},
{
name: 'C',
type: 'line',
data: [150, 232, 201, 154, 190, 330, 410]
},
{
name: 'D',
type: 'line',
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name: 'E',
type: 'line',
data: [820, 932, 901, 934, 1290, 1330, 1320]
}
]
};
```
在上面的代码中,每个 x 轴上的点('周一'、'周二'、'周三' 等)对应了五个数据,分别是 A、B、C、D、E 五个系列的数据。这样就能实现一个 x 轴上的点对应多条数据的效果。
阅读全文