chart.js 改变雷达图标签的大小答案

【问题标题】：chart.js change size of label of radar chartchart.js 改变雷达图标签的大小
【发布时间】：2015-07-21 02:33:37
【问题描述】：

我使用 Chart.js 创建雷达图。我想更改标签的大小，但我没有找到选项。在这里找到我的代码：

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
});

你能帮帮我吗？

【问题讨论】：

标签： charts label chart.js

【解决方案1】：

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

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

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

【讨论】：