更改使用 chart.js 创建的图表中的轴线颜色

Posted

技术标签:

【中文标题】更改使用 chart.js 创建的图表中的轴线颜色【英文标题】:Change Axis Line color in Chart created using chart.js 【发布时间】:2016-09-16 03:15:04 【问题描述】:

Chart Image

我使用 chart.js 库创建了上述图表。 我想更改此图表中的水平轴和垂直轴颜色。 我试过 'scaleFontColor' 但它只改变标签的颜色。

var myBarChart = new Chart(ctx).Bar(data,  scaleFontColor: "white" ); 

还有其他属性可以改变横轴和纵轴的颜色吗?

【问题讨论】:

【参考方案1】:

我找到了this fiddle,里面有一个示例图表。

您可以使用属性更改坐标区颜色:


    scaleLineColor: "red"

【讨论】:

别担心,如果你能接受这个答案那就太好了:)

以上是关于更改使用 chart.js 创建的图表中的轴线颜色的主要内容,如果未能解决你的问题,请参考以下文章

Chart.js 中的图例,仅显示一个标签

chart.js轻量级图表插件使用

图表工作不正确chart.js

在函数内部创建图表时,销毁 chart.js 不起作用 - chart.destroy() 不是函数

使用 chart.js 从 django 创建动态图表

从 jsonfile 数据创建多个 chart.js 图表