dmr 发表于 2025-3-10 11:03:10

ECharts折线图,图例legend样式

var myChart = echarts.init(document.getElementById('main'));
var option = {
    legend: {
      data: ['销量', '成本'],
      left: 'right', // 图例位置在右侧
      top: 'top', // 图例位置在上方
      textStyle: { // 图例文本样式设置
            color: '#333', // 字体颜色为深灰色
            fontSize: 12 // 字体大小为12px
      },
      itemStyle: { // 图例图形样式设置
            borderWidth: 2, // 边框宽度为2px
            borderColor: '#000' // 边框颜色为黑色
      },
      emphasis: { // 图例高亮样式设置(鼠标悬浮)
            itemStyle: {
                color: 'red' // 高亮时颜色变为红色
            }
      }
    },
    series: [ /* series配置 */ ] // 系列数据配置...
};
myChart.setOption(option);
页: [1]
查看完整版本: ECharts折线图,图例legend样式