echarts柱状图 文字颜色
时间: 2023-11-14 17:12:02 浏览: 285
在Echarts柱状图中,可以通过设置坐标轴字体颜色和宽度来改变文字颜色。具体实现方法如下:
在xAxis和yAxis中,设置axisLine属性,然后在lineStyle中设置color属性即可改变坐标轴文字颜色。
在series中,可以通过设置itemStyle的normal属性来改变柱子的颜色。同时,可以通过设置label的normal属性来控制柱子上方的文字颜色。
在title和legend中,可以通过设置textStyle属性来改变标题和按钮文字的颜色。
综上所述,可以通过以下代码来改变Echarts柱状图中的文字颜色:
```
xAxis: {
type: 'category',
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: "#fff",
}
}
},
series: [
{
type: 'bar',
itemStyle:{
normal:{
color:'#fff'
}
},
label: {
normal: {
show: true,
position: 'top',
textStyle: {
color: '#fff'
}
}
},
},
{
type: 'bar',
itemStyle:{
normal:{
color:'#eee'
}
},
label: {
normal: {
show: true,
position: 'top',
textStyle: {
color: '#fff'
}
}
},
},
{
type: 'bar',
itemStyle:{
normal:{
color:'#aaa'
}
},
label: {
normal: {
show: true,
position: 'top',
textStyle: {
color: '#fff'
}
}
},
}
],
title: {
text: '时间',
x:'center',
textStyle: {
color: "#fff"
}
},
legend: {
bottom: 10,
textStyle: {
color: "#fff"
}
}
```
阅读全文