echarts如何实现一个图例legend显示两种颜色？-灵析社区
猫界袁隆平 echarts如何实现一个图例legend显示两种颜色？ 1
我头像最美使用itemStyle属性为每个图例设置颜色
// 引入 ECharts
var echarts = require('echarts');
// 初始化图表
var myChart = echarts.init(document.getElementById('myChart'));
// 配置项
var option = {
// 其他配置项...
// 图例配置
legend: {
data: ['颜色1', '颜色2'],
},
// 系列配置
series: [
{
name: '颜色1',
type: 'bar', // 可以是其他图表类型
data: [10, 20, 30, 40, 50],
itemStyle: {
color: 'blue', // 设置颜色1
},
},
{
name: '颜色2',
type: 'bar', // 可以是其他图表类型
data: [50, 40, 30, 20, 10],
itemStyle: {
color: 'green', // 设置颜色2
},
},
],
};
// 使用配置项设置图表
myChart.setOption(option);