折线图数据点颜色岁数据变化

81 阅读1分钟

option = { xAxis: { type: 'value', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ type: 'line', data: [[10,20,30], 20, 30, 40], // 这里是原始数据 symbol: 'circle', // 设置数据点形状为实心圆 symbolSize: 10, // 设置数据点大小 itemStyle: { normal: { color: function(params) { console.log(params) if (params.dataIndex === 0) { return '#FF0000'; // 第一条数据使用红色 } else if (params.dataIndex === 1) { return '#00FF00'; // 第二条数据使用绿色 } else if (params.dataIndex === 2) { return '#FFFF00'; // 第三条数据使用黄色 } else { return '#0000FF'; // 其他数据默认蓝色 } }, lineStyle: { width: 2 // 设置线宽度 } } } }] };