如何從 CanavasJS 圖表中完全刪除 Y 軸

Question

我正在使用 canvasJS 圖表，我想完全刪除/隱藏 Y 軸。 這是一個JSFiddle示例，其中我能夠刪除 Y 軸和標題。 我找到了以下屬性來隱藏標題並刪除行但是我無法刪除 Y 軸上的值。

lineThickness: 0,
gridThickness: 0,
tickThickness: 0

但是我還想刪除數據，即從 0 到 90 的數字。

Answer 1

您可以通過設置labelFormatter來滿足您的要求。 當您將labelFontSize設置為 0 時，標簽仍會占用一些空間，而 labelFormatter 則不會。 當您使用tickThickness時情況相同 - 您可以將tickLength設置為 0。

請在下面找到更新的代碼：

 var chart = new CanvasJS.Chart("chartContainer", { backgroundColor: "transparent", axisX:{ lineThickness: 0, tickLength: 0, labelFormatter: function(e) { return ""; } }, axisY:{ lineThickness: 0, gridThickness: 0, tickLength: 0, labelFormatter: function(e) { return ""; } }, data: [{ type: "line", dataPoints: [ { x: 10, y: 71 }, { x: 20, y: 55 }, { x: 30, y: 50 }, { x: 40, y: 65 }, { x: 50, y: 95 }, { x: 60, y: 68 }, { x: 70, y: 28 }, { x: 80, y: 34 }, { x: 90, y: 14 } ] }] }); chart.render();

 <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script> <div id="chartContainer" style="height: 200px; width: 100%;"></div>