gpt4 book ai didi

javascript - Chart.js donut 文本颜色

转载 作者:行者123 更新时间:2023-12-03 09:37:47 25 4
gpt4 key购买 nike

如何分别更改 donut 文本颜色和 donut 填充颜色?我有这样的东西:

var  color = [ "#3F9F3F", "#FFFFFF" ];
var chartData = {
label : myLabels,
data : myData,
colors : color
};

第二个颜色属性覆盖了我尝试过的任何其他属性。什么属性,特别是 donut ,可以解决这个问题?

enter image description here

我希望文本颜色不同于图表中的黑色。

编辑:

这是我发现的一个显示基本图表的 jsfiddle。

http://jsfiddle.net/mayankcpdixit/6xV78/

问题是,如何更改 donut 内的字体颜色?

编辑 2:

意识到 donut 内的文本颜色虽然受辅助颜色影响,但实际上是使用 canvas.fillText() 绘制的。因此,我只需要添加 .fillStyle = "whatever"就可以了。

最佳答案

改变

    var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(pieData,{percentageInnerCutout : 80});

通过

    var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(pieData,doughnutOptions);

您可以在此处找到所有可用选项 http://www.chartjs.org/docs/#getting-started-global-chart-configuration

对于你的彩色文本你可以添加这个选项

var doughnutOptions= {
scaleLabel: '<p style="color: red"><%=value%></p>'
}

用你想要的颜色改变style="color: red"

关于javascript - Chart.js donut 文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29930297/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com