Javascript 如何更改Highcharts中的文本颜色
这应该很简单,但我仔细阅读了highcharts文档,似乎找不到一个专门针对文本颜色的选项(相比之下,对于背景、边框、线条等有特定的颜色选项)。然后我遇到了这个选择。看起来应该行得通,但不行 在这里,您将看到我可以更改字体系列,但不能更改颜色Javascript 如何更改Highcharts中的文本颜色,javascript,highcharts,Javascript,Highcharts,这应该很简单,但我仔细阅读了highcharts文档,似乎找不到一个专门针对文本颜色的选项(相比之下,对于背景、边框、线条等有特定的颜色选项)。然后我遇到了这个选择。看起来应该行得通,但不行 在这里,您将看到我可以更改字体系列,但不能更改颜色 我遗漏了什么?高图中几乎每个选项都可以应用样式,就像我在本例中对y轴所做的那样: 我也建议你去这一页 然后单击“查看选项”,了解使用“样式”选项为文本着色的其他方法。查看highcharts.src.js,您可以为各个元素设置样式,例如,我将示例中的图
我遗漏了什么?高图中几乎每个选项都可以应用样式,就像我在本例中对y轴所做的那样: 我也建议你去这一页
然后单击“查看选项”,了解使用“样式”选项为文本着色的其他方法。查看highcharts.src.js,您可以为各个元素设置样式,例如,我将示例中的图表更改为标题,并选择颜色
title: {
style: {
fontFamily: 'monospace',
color: "#f00"
}
}
检查,我可以在你的JSFIDLE上更改标签颜色。下面是整个选项参数:
Highcharts.setOptions({
chart: {
style: {
fontFamily: 'monospace',
color: "#f00"
}
},
title: {
style: {
color: '#F00',
font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
}
},
xAxis: {
gridLineWidth: 1,
lineColor: '#000',
tickColor: '#000',
labels: {
style: {
color: '#F00',
font: '11px Trebuchet MS, Verdana, sans-serif'
}
},
title: {
style: {
color: '#333',
fontWeight: 'bold',
fontSize: '12px',
fontFamily: 'Trebuchet MS, Verdana, sans-serif'
}
}
},
yAxis: {
minorTickInterval: 'auto',
lineColor: '#000',
lineWidth: 1,
tickWidth: 1,
tickColor: '#000',
labels: {
style: {
color: '#F00',
font: '11px Trebuchet MS, Verdana, sans-serif'
}
},
title: {
style: {
color: '#333',
fontWeight: 'bold',
fontSize: '12px',
fontFamily: 'Trebuchet MS, Verdana, sans-serif'
}
}
},
});
你的小提琴坏了(或不再有用)。你关于点击“查看选项”的建议帮助了我!
title:{
text: 'Something',
style: {"color": "#003C71", "fontSize": "18px"}
}