ECharts折线图，图例legend样式

dmr

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);

微信扫一扫，分享更方便