2015-07-20 4 views
1

Я использую Chart.js для создания радарной диаграммы. Я хотел бы изменить размер этикетки, но я не нашел option.ind мой код здесь: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 
 
});

Можете ли вы помочь мне, пожалуйста?

ответ

2

Диаграмма радара содержит некоторые параметры, характерные для конкретной диаграммы, которые могут быть развернуты в глобальных параметрах диаграммы. Один из этих вариантов - pointLabelFontSize, который принимает числовое значение. Этот параметр должен быть установлен в том же месте, вы в настоящее время установки значения pointDot для того, чтобы вступить в силу:

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

Примечание: значение для pointLabelFontSize в пикселях

+0

Спасибо большое! Вы решили мою проблему! –

Смежные вопросы