在寫前端頁面時，我們遇到改變echarts折線顔色的需求。今天我給大家介紹下echarts折線圖如何修改折線顔色。
1、在編輯器裡新建一個study.html，并在頭部引入echarts插件（可以去官網下載）
2、新建一個div，命名為test,并給div設置寬和高，用來生成折線圖.
3、在script标簽内通過id獲取到div，然後生成一個折線圖。
4、通過設置lineStyle下的color屬性來改變折線圖的折線顔色
5、在浏覽器中打開頁面，發現折線圖裡的折線已經變成黃色
6、貼一下代碼，以供參考：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>echarts折線圖如何修改折線顔色</title>
<script src="echarts.min.js"></script>
</head>
<body>
<div id="test" style="width: 600px;height: 600px;"></div>
</body>
<script>
let test = document.getElementById('test')
var echart = echarts.init(test)
let option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
},
series: [{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
lineStyle:{
color:'yellow'
}
}]
};
echart.setOption(option, true)
</script>
</html>
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
