最近項目需要,一直在使用Echarts視圖,現在遇到一個要修改echarts折線圖顏色的需求,在網站找了好些資源,都是只給了一部分代碼,如果添加到自己的項目里面需要注意逗號的添加,現在我來給大家分享出來一個完整的折線圖顏色設置好的代碼:
option = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c}" }, xAxis: { type: 'category', data: ['7-23', '7-24', '7-25', '7-26', '7-27', '7-28', '7-29'] }, yAxis: { type: 'value' }, series : [ { name:'流量詳情', type:'line', stack: '總量', areaStyle: { normal: { color: '#275F82' //改變區域顏色 } }, itemStyle : { normal : { color:'#275F82', //改變折線點的顏色 lineStyle:{ color:'#253A5D' //改變折線顏色 } } }, data:[120, 132, 101, 134, 90, 230, 210] } ] };
效果圖如下:
以上就是關於echarts折線圖顏色-折線圖顏色設置-線條設置顏色-附代碼案例(2019全)的文章全部內容,如果疑問歡迎訪問我的獨立博客和我聯系!
問:echarts是什么?
答:ECharts簡單來說是互聯網開發程序過程中,后台數據庫用以實現數據到圖形的映射的一個插件。
關於echarts相關搜索:
echarts官網:www.echartsjs.com;
echarts教程:www.echartsjs.com/tutorial.html;
echarts中文手冊:www.echartsjs.com/option.html;