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改变雷达图标签的大小

1 个答案: