echarts折线图颜色-折线图颜色设置-线条设置颜色-附代码案例（2019全）

逃离我推掉我的手 2021-11-16 08:01 1571阅读 0赞

最近项目需要，一直在使用Echarts视图，现在遇到一个要修改echarts折线图颜色的需求，在网站找了好些资源，都是只给了一部分代码，如果添加到自己的项目里面需要注意逗号的添加，现在我来给大家分享出来一个完整的折线图颜色设置好的代码：

  1. option = {
  2.     tooltip: {
  3.         trigger: 'item',
  4.         formatter: "{a} <br/>{b}: {c}"
  5.     },
  7.     xAxis: {
  8.         type: 'category',
  9.         data: ['7-23', '7-24', '7-25', '7-26', '7-27', '7-28', '7-29']
  10.     },
  11.     yAxis: {
  12.         type: 'value'
  13.     },
  14.     series : [
  15. {
  16. name:'流量详情',
  17. type:'line',
  18. stack: '总量',
  19. areaStyle: {
  20. normal: {
  21. color: '#275F82' //改变区域颜色
  22. }
  23. },
  24. itemStyle : { 
  25. normal : { 
  26. color:'#275F82', //改变折线点的颜色
  27. lineStyle:{ 
  28. color:'#253A5D' //改变折线颜色
  29. } 
  30. } 
  31. },
  32. data:[120, 132, 101, 134, 90, 230, 210]
  33. }
  34. ]
  35. };

效果图如下：

1505771-20190729145351380-1147979239.png

以上就是关于echarts折线图颜色-折线图颜色设置-线条设置颜色-附代码案例（2019全）的文章全部内容，如果疑问欢迎访问我的独立博客和我联系！

问：echarts是什么？

答：ECharts简单来说是互联网开发程序过程中,后台数据库用以实现数据到图形的映射的一个插件。

关于echarts相关搜索：

echarts官网：www.echartsjs.com；

echarts教程：www.echartsjs.com/tutorial.html；

echarts中文手册：www.echartsjs.com/option.html；

转载于:https://www.cnblogs.com/secsafe/p/11263875.html

发表评论

表情：
评论列表 （有 0 条评论，1571人围观）

还没有评论，来说两句吧...

相关阅读