当前位置:网站首页>Echart line chart: different colors are displayed when the names of multiple line charts are the same
Echart line chart: different colors are displayed when the names of multiple line charts are the same
2022-06-13 06:07:00 【HaanLen】
echart Broken line diagram , When multiple line graphs name Same , Same color .

option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
tooltip: {
trigger: 'axis'
},
yAxis: {
type: 'value'
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
name: 'heeki'
},
{
data: [110, 210, 224, 18, 135, 17, 260],
type: 'line',
name: 'heeki'
}
]
};
To set different colors , Need to be in series Set different colors separately in


option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
tooltip: {
trigger: 'axis'
},
yAxis: {
type: 'value'
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
name: 'heeki',
itemStyle: {
normal: {
color: 'red'
}
}
},
{
data: [110, 210, 224, 18, 135, 17, 260],
type: 'line',
name: 'heeki',
itemStyle: {
normal: {
color: 'yellow'
}
}
}
]
};
边栏推荐
- Leetcode- longest palindrome string - simple
- Zero copy technology
- Class conflicts caused by tongweb Enterprise Edition and embedded Edition
- [automated test] cypress manual
- How to view APK version number from apk
- 微信小程序:全局状态变量的使用
- 1+1>2,Share Creators可以帮助您实现
- Working principle of sentinel series (source code analysis)
- Time conversion'2015-04-20t11:12:00.000+0000 '
- Concurrent programming -- what is threading?
猜你喜欢

Timeout thread log for tongweb
![[to]12 common IP commands in the iproute installation package](/img/65/a214d137e230b1a1190feb03660f2c.jpg)
[to]12 common IP commands in the iproute installation package

The Boys x PUBGMOBILE 联动火热来袭!来看最新游戏海报

USB debugging assistant (20191028)
![[turn] explain awk (1)__ Awk Basics_ Options_ Program segment parsing and examples](/img/65/a214d137e230b1a1190feb03660f2c.jpg)
[turn] explain awk (1)__ Awk Basics_ Options_ Program segment parsing and examples

推荐扩容工具,彻底解决C盘及其它磁盘空间不够的难题

ArrayList loop removes the pit encountered

Self summarizing

Echart折线图:当多条折线存在相同name,图例仍全部显示

Concurrent programming -- what is threading?
随机推荐
高迸发解决方案2
Shardingsphere JDBC < bind table > avoid join Cartesian product
Leetcode- student attendance record i- simple
[compilation and assembly link] coff file and structure description
Kotlin learning notes (1)
Leetcode- reverse string ii- simple
Rk3399 hid gadget configuration
Echart柱状图:echart实现堆叠柱状图
Leetcode- intersection of two arrays ii- simple
Add attributes in storyboard and Xib (fillet, foreground...) Ibinspectable and ibdesignable
= = relation between int and integer
Use of Nacos configuration center
微信小程序:点击事件获取当前设备信息(基础)
Commit specification
自我总结ing
Software testing - Summary of common interface problems
Leetcode- first unique character in string - simple
The Boys x PUBGMOBILE 联动火热来袭!来看最新游戏海报
【ONE·Data || 带头双向循环链表简单实现】
Swift--function