echarts折線圖顏色-折線圖顏色設置-線條設置顏色-附代碼案例(2019全)


最近項目需要,一直在使用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;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM