echarts 修改legend样式(矩形、圆、默认等)

通过data:[ {name:’南宁-曼芭’,icon:’rect’},{name:’桂林-曼芭’,},{name:’南宁-甲米’,}],//分别修改legend格式 ,缺省则为默认

1.默认

legend: {
        // icon: 'rect',
        itemWidth: 20,
        itemHeight: 10,
        itemGap: 10,
        data: ['南宁-曼芭', '桂林-曼芭', '南宁-甲米'],
        // data:[  {name:'南宁-曼芭',icon:'rect'},
        //         {name:'桂林-曼芭',},
        //         {name:'南宁-甲米',}],//分别修改legend格式
        right: '4%',
        textStyle: {
            fontSize: 12,
            color: '#F1F1F3'
        }
    },

echarts 修改legend样式(矩形、圆、默认等)_第1张图片


2.自定义

 legend: {
        // icon: 'rect',
        itemWidth: 20,
        itemHeight: 10,
        itemGap: 10,
        // data: ['南宁-曼芭', '桂林-曼芭', '南宁-甲米'],
        data:[  {name:'南宁-曼芭',icon:'rect'},
                {name:'桂林-曼芭',},
                {name:'南宁-甲米',}],//分别修改legend格式
        right: '4%',
        textStyle: {
            fontSize: 12,
            color: '#F1F1F3'
        }
    },

echarts 修改legend样式(矩形、圆、默认等)_第2张图片

你可能感兴趣的:(echarts)