1

我正在使用Chart.js。如何禁用 X 和 Y 的标签？

<canvas id="canvas-2010" width="800" style="width: 100% !important; height: auto !important;"></canvas>
<script>
options = {
    scaleShowLabels : false
}

var lineChartData = {
labels :    ["Jan","Feb","Mar","Apr","Maj","Jun","Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
datasets : [{
    fillColor : "rgba(151,187,205,0.5)",
    strokeColor : "rgba(151,187,205,1)",
    pointColor : "rgba(151,187,205,1)",
    pointStrokeColor : "#fff",
    data : [0,0,0,0,0,0,0,0,0,0,-6147.20,22333.57]
}]                  
}

var myLine = new Chart(document.getElementById("canvas-2010").getContext("2d"), options).Line(lineChartData);
</script>

该scaleShowLabels选项不起作用。

4

2 回答 2

0

您需要将零件放在, options零件之后lineChartData，代码的最后一行是：

var myLine = new Chart(document.getElementById("canvas-2010").getContext("2d")).Line(lineChartData, options);
于 2014-04-18T08:32:02.923 回答
0

您可以使用此选项禁用标签 

<canvas id="canvas-2010" width="800" style="width: 100% !important; height: auto !important;"></canvas>
<script>
options = {
    scaleShowLabels : false
}

var lineChartData = {
labels :    ["Jan","Feb","Mar","Apr","Maj","Jun","Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
datasets : [{
    fillColor : "rgba(151,187,205,0.5)",
    strokeColor : "rgba(151,187,205,1)",
    pointColor : "rgba(151,187,205,1)",
     ***showScale: false ,***
    pointStrokeColor : "#fff",
    data : [0,0,0,0,0,0,0,0,0,0,-6147.20,22333.57]
}]                  
}

var myLine = new Chart(document.getElementById("canvas-2010").getContext("2d"), options).Line(lineChartData);
</script>

我希望它会起作用

于 2015-08-25T10:29:58.853 回答