Chart.js 图像图表不工作？

试图了解此URL上的图像图表不起作用的内容

JSON:

---

我无法告诉您为什么

image charts.com

不接受您的请求，但从Chart.js的角度来看，您的图表配置看起来几乎不错，包括

ticks.callback

。我能看到的唯一问题是

data.label

包含的项目数与

data.dataset[0].data

的项目数不同

x轴

ticks.callback

的假定问题是，您返回的

字符串

值与空字符串组合，产生的结果与没有

ticks.callback的结果相同

"ticks": {
   "callback": function(value, index, values) {
     return '' + value;
   }
 }

不确定您期望的是什么，但请注意，x轴刻度显示在图表底部

如果要格式化y轴上的记号标签，可以使用以下选项（请参见）：

请看一下下面的可运行代码，看看它是如何工作的


新图表（document.getElementById（'myChart'）{
“类型”：“行”，
“数据”：{
“数据集”：[{
“类型”：“行”，
“填充”：假，
“背景色”：“rgba（255,24,1,1）”，
“边框颜色”：“rgba（255,24,1,1）”，
“点半径”：0，
“数据”：[67.0,65.0,70.0,81.0,83.0,81.0,79.0,74.0,78.0,77.0]，
“标签”：“输出”
}],
“标签”：[“00”、“05”、“10”、“15”、“20”、“25”、“30”]
},
“选择”：{
“工具提示”：{
“相交”：错误
},
“天平”：{
“xAxes”：[{
“网格线”：{
“显示”：错误
}        
}],
“雅克斯”：[{
“滴答声”：{
“回调”：value=>value.toFixed（1）
},
“网格线”：{
“显示”：错误
}
}]
}
}
});
您得到的错误是它不是有效的json

据我所知，JSON不支持函数，所以在将数据发送到image chart之前，您必须将其删除到callback，并确保勾号已经正确

如果删除回调函数，则其工作正常：

如果您真的需要回调功能，您将必须实现lib的正常版本，在那里您的原始配置可以正常工作。
Image Charts founder在此，确实是出于安全和可靠性原因，我们的Charts API目前不支持JavaScript函数

PS：我们以后可能会根据客户需求添加JavaScript功能支持：）

"ticks": {
   "callback": function(value, index, values) {
     return '' + value;
   }
 }

"yAxes": [{
  "ticks": {
    "callback": value => value.toFixed(1)
  },
  ...