CanvasJs - как использовать разные цвета внутри значений меток индекса

Question

CanvasJS, как использовать разные цвета для значений внутри данных: indexLabel.

indexLabel: "{label} ${x}",

{label} должен быть одного цвета, а ${x} должен быть другим цветом

Вот код, который я использую для построения диаграммы canvasjs:

window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {
      axisX:{
        title: "Red Color labels",
        labelFontColor: "red"
      },
      data: [
      {
        type: "column",
        indexLabel: "{label} ${x}",
        toolTipContent: "x value :<b>{y}</b>",
        legendText: "Apple",
        color: "RoyalBlue",
        dataPoints: [

       { x: 10, y: 71, label:  "cat 1" },
        { x: 20, y: 55, label: "cat 2" },
        { x: 30, y: 50, label: "cat 3"},
        { x: 40, y: 65, label: "cat 4" },
        { x: 50, y: 95, label: "cat 5"},
        { x: 60, y: 68, label: "cat 6"},
        { x: 70, y: 28, label: "cat 7"},
        { x: 80, y: 34, label: "cat 8"},
        { x: 90, y: 14, label: "cat 9"}
        ]
      }
      ]
    });

    chart.render();
  }

https://jsfiddle.net/eux6ckn5/

В соответствии с приведенным выше кодом я хочу cat 1 метка одного цвета и $ 10 значение оси X другого цвета