1. 程式人生 > >echarts 修改legend樣式(矩形、圓、預設等)

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' } },

這裡寫圖片描述

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' } },

這裡寫圖片描述