echarts 个性化图表颜色

echarts自定义图形颜色

使用echarts图表自定义图表颜色(图形颜色),依据文档中找到series这个配置项中有一个属性itemStyle.链接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
series: [
{
name: '订单数',
type: 'bar',
//自定义图形颜色
itemStyle:{
normal:{
color:'#4ad2ff'
}
},
data: [
{{ $orders_4 }},
{{ $orders_3 }},
{{ $orders_2 }},
{{ $last_orders }},
{{ $orders_now }},
]
}
]

Laravel前端模板中渲染X轴注意不能直接赋值,需要加双引号””.

1
2
3
4
5
6
7
8
9
xAxis: {
data: [
"{{ $month_4 }}",
"{{ $month_3 }}",
"{{ $month_2 }}",
"{{ $month_1 }}",
"{{ $current_month }}",
]
},