在 React.js 中更改 ApexChart 中数据标签的颜色
Change color of dataLables in ApexChart in React.js
ApexChart
堆栈条形图上的文本显示为白色,我想将其更改为不同的文本,但找不到确切的 属性。
尝试将标签设为红色,例如:
dataLabels: {
enabled: true,
enabledOnSeries: undefined,
formatter: function (val, opts) {
return val;
},
style: {
fontSize: "14px",
fontFamily: "Helvetica, Arial, sans-serif",
fontWeight: "bold",
colors: ["#FF0000"]
}
},
使用数据标签和图表颜色选项扩展您的选项。
let options = {
*dataLabels: {
style: {
colors: ['#F44336', '#E91E63', '#9C27B0']
}
},*
chart: {
type: 'bar',
heigth: '200px',
*color: '#ff0000'*
},
....
ApexChart
堆栈条形图上的文本显示为白色,我想将其更改为不同的文本,但找不到确切的 属性。
尝试将标签设为红色,例如:
dataLabels: {
enabled: true,
enabledOnSeries: undefined,
formatter: function (val, opts) {
return val;
},
style: {
fontSize: "14px",
fontFamily: "Helvetica, Arial, sans-serif",
fontWeight: "bold",
colors: ["#FF0000"]
}
},
使用数据标签和图表颜色选项扩展您的选项。
let options = {
*dataLabels: {
style: {
colors: ['#F44336', '#E91E63', '#9C27B0']
}
},*
chart: {
type: 'bar',
heigth: '200px',
*color: '#ff0000'*
},
....