echarts 折线图 用数组对象
时间: 2023-08-15 19:15:29 浏览: 185
Echarts实现的折线图
5星 · 资源好评率100%
可以使用 echarts 中的 series.data 属性来表示折线图的数据,其中每一条折线对应一个数组对象,数组对象中的每一项表示折线上的一个数据点。示例代码如下:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [
{value: 120, symbolSize: 8},
{value: 200, symbolSize: 12},
{value: 150, symbolSize: 10},
{value: 80, symbolSize: 6},
{value: 70, symbolSize: 4},
{value: 110, symbolSize: 8},
{value: 130, symbolSize: 10}
],
type: 'line'
}]
};
```
在上面的示例中,series.data 属性表示折线图的数据,其中每一项都是一个对象,包含两个属性:value 表示数据点的值,symbolSize 表示数据点的大小。通过这种方式,可以方便地控制每个数据点的样式。
阅读全文