Question

我无法在Splunk环境中使用chart.js找到在我的图表中显示图例的选项（radarOptions）。

这对我不起作用：

options: {
    legend: {
        display: true,
        labels: {
            fontColor: 'rgb(255, 99, 132)'
        }
    }
}

我的代码如下：

    var radarChartData = {
      labels: ["Python", "DevOps", "BI"],
      datasets: [{
        label: 'Dataset 1',
        fill: true,
        fillColor: "rgba(151,187,205,0.5)",
        strokeColor: "rgba(151,187,205,1)",
        pointColor: "rgba(151,187,205,1)",
        data: testData[0]
      }, {
        label: 'Dataset 2',
        fill: true,
        fillColor: "rgba(101,197,205,0.5)",
        strokeColor: "rgba(151,187,205,1)",
        pointColor: "rgba(151,187,205,1)",
        data: testData[1]
      }]
    }

    return radarChartData;
  },

  // Override this method to put the Splunk data into the view
  updateView: function(viz, radarData) {
    // Set radar chart options
    var radarOptions = {
      scaleOverride: true,
      scaleSteps: 10,
      scaleStepWidth: 1,
      scaleStartValue: 0,
      scaleShowLabels: true,
      datasetFill: true,
      scaleShowLabelBackdrop: true,
    };


    // Create the radar chart
    var myRadar = new Chart(document.getElementById(mychartid).getContext("2d")).Radar(radarData, radarOptions); /*radarData,radarOption*/
  }

});

请帮助。如何称为显示图例的选项。 legend: true和legendDisplay:true都不适合我。

Answer 1

我已通过将Chart js升级到最新版本解决了该问题。

雷达图显示图例

1 个答案: