chart.js 更改雷达图标签的大小

Question

我使用 Chart.js 创建雷达图。我想更改标签的大小，但我在这里找不到 option.ind 我的代码 :

var data = {
 labels:  ajax_label,
    pointLabelFontSize : 16,
    scaleFontSize: 16,
    datasets: [
    {
       label: "My First dataset",
    fillColor: "rgba(91, 192, 222,0.2)",
    strokeColor: "rgba(91, 192, 222,1)",
    pointColor: "rgba(91, 192, 222,1)",
    pointStrokeColor: "#fff",
    pointHighlightFill: "#fff",
    pointHighlightStroke: "rgba(91, 192, 222,1)",
    data: ajax_data,
    scaleShowLabels : false,
    scaleOverride: true,

// ** Required if scaleOverride is true **
    // Number - The number of steps in a hard coded scale
    scaleSteps: 10,
    // Number - The value jump in the hard coded scale
    scaleStepWidth: 10,
    // Number - The scale starting value
    scaleStartValue: 0
    }
    ]
    };

var ctx = $("#myChart").get(0).getContext("2d");
var myNewChart = new Chart(ctx);
new Chart(ctx).Radar(data, {
pointDot: false
});

你能帮帮我吗？

Answer 1

雷达图有一些特定于图表的选项，可以在全局图表选项中滚动。这些选项之一是 pointLabelFontSize，它采用数字值。此选项需要在您当前设置 pointDot 值的同一位置进行设置才能生效：

new Chart(ctx).Radar(data, {
    pointDot: false,
    pointLabelFontSize: 20
});

注意：pointLabelFontSize 的值以像素为单位

chart.js 更改雷达图标签的大小

chart.js change size of label of radar chart

charts

label

chart.js