简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

echarts设置折线线条颜色和折线点颜色的实例

小云云
Libérer： 2018-05-18 09:46:23
original
11575 人浏览过

本文主要介绍了jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法,结合实例形式分析了jQuery图表插件echarts设置折线图的相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。

1、问题背景

设计一条折线图，但是图形中不用插件自带的颜色，需要自定义线条和折点的颜色

2、实现源码

（1）图形自分配颜色



  
    
    echarts-设置折线图中折线线条颜色和折线点颜色
Copier après la connexion

（2）线条自定义颜色



  
    
    echarts-设置折线图中折线线条颜色和折线点颜色
Copier après la connexion

（3）折点自定义颜色



  
    
    echarts-设置折线图中折线线条颜色和折线点颜色
Copier après la connexion

3、实现结果

（1）图形自分配颜色

（2）线条自定义颜色

（3）折点自定义颜色

4、问题说明

（1）设置折线线条颜色

lineStyle:{
 color:'#00FF00'
}
Copier après la connexion

（2）设置折线折点颜色

itemStyle : {
 normal : {
  color:'#00FF00'
 }
}
Copier après la connexion

相关推荐：

jQuery插件echarts去掉垂直网格线用法详解

echarts实现的循环生成图效果示例分享

echarts实现去掉X轴、Y轴和网格线效果实例分享

以上是echarts设置折线线条颜色和折线点颜色的实例的详细内容。更多信息请关注PHP中文网其他相关文章！

Étiquettes associées：
echarts 线条 颜色
source：php.cn
Article précédent：jQuery插件echarts去掉垂直网格线用法详解 Article suivant：jQuery实现MD5加密的简单方法
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
graphiques de visualisation de données Y a-t-il un suivi ?
Depuis 2022-12-25 23:49:52
0
1
448
如何将echarts图中的值导出打印为Excel，需要什么插件吗啊？ 我想问问大神们或者老师们？我有个折线图，但是需要实现导出并打印为Excel表格，这个怎么弄呢？要用到PHPExcel吗？还是其他的什么插件？
Depuis 2018-04-28 14:38:00
0
1
1018
javascript - 字面量方式封装echarts组件,为什么初始化的时候失败 {代码...} 求正确写法,初始化和更新数据方法
Depuis 2017-07-05 11:09:11
0
1
853
javascript - 百度echarts图表如何修改 用echarts图表中的折线图来做统计分析。发现相同的数据，线条不相交，这是什么问题。请教大神？ 如图星期六的数据都是330。可是五条线就是不相交 <script s...
Depuis 2017-07-05 11:08:59
0
3
950
javascript - 仿着echarts官网的地图做了个例子，但是只显示出来了地点，没有画出飞机动态效果？？急 如上图所示：：只显示出来了点，没有显示下面的飞机和弧线以下是我的代码。。自己没找到问题，，请各路大神帮忙看看var myChart = echarts.init(document....
Depuis 2017-07-05 10:57:29
0
1
920
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！