咨询：使用Quickchart短URL时如何让ticks.callback正常生效

API 探路者

2026-6-17

Quickchart短URL中ticks.callback失效的解决方法

问题原因

通过POST请求创建Quickchart短URL时，配置里的ticks.callback函数会被序列化为纯字符串，默认情况下Quickchart短链接服务不会自动解析并执行这些函数代码，导致自定义标签渲染失效。

解决方法

1. 将回调函数转为字符串格式

把ticks.callback的函数定义包裹为字符串（遵循JSON语法，内部引号用单引号或转义双引号），让Quickchart后端识别并执行该函数。修改后的配置示例如下：

{
  "type": "line",
  "data": {
    "labels": ["January", "February", "March", "April", "May", "June", "July"],
    "datasets": [
      {
        "label": "My First dataset",
        "backgroundColor": "rgb(255, 99, 132)",
        "borderColor": "rgb(255, 99, 132)",
        "data": [93, -29, -17, -8, 73, 98, 40],
        "fill": false,
        "yAxisID": "y1"
      },
      {
        "label": "My Second dataset",
        "fill": false,
        "backgroundColor": "rgb(54, 162, 235)",
        "borderColor": "rgb(54, 162, 235)",
        "data": [20, 85, -79, 93, 27, -81, -22],
        "yAxisID": "y2"
      }
    ]
  },
  "options": {
    "title": {
      "display": true,
      "text": "Chart.js Line Chart"
    },
    "scales": {
      "yAxes": [
        {
          "id": "y1",
          "display": true,
          "position": "left",
          "stacked": true,
          "ticks": {
            "callback": "function(value, index, ticks) { return '$' + value; }"
          }
        },
        {
          "id": "y2",
          "display": true,
          "position": "right",
          "ticks": {
            "callback": "function(value, index, ticks) { return '$' + value; }"
          }
        }
      ]
    }
  }
}