Как скрыть интервал на графиках canvasjs? - PullRequest
Новая
       11

Как скрыть интервал на графиках canvasjs?

0 голосов
/ 29 апреля 2019

У меня есть линейная диаграмма canvasjs с осями X и Y.В canvasjs интервал по оси Y вычисляется автоматически, если я не укажу.Как мне это убрать?Я не хочу, чтобы показывались строки интервала.

Пример: 

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    theme: "light2",
    title:{
        text: "Simple Line Chart"
    },
    axisY:{
        interval: 10 < I want to hide this
    },
    data: [{        
            type: "line",       
            dataPoints: [
                { y: 450 },
                { y: 414 },
                { y: 510 }
            ]
        }]
    });
chart.render();

1 Ответ

1 голос
/ 30 апреля 2019

Вы можете скрыть сетки и отметки, установив gridThickness и tickLength в 0 соответственно.Если вы хотите скрыть метки осей вместе с удалением сеток и галочек, вы можете использовать labelFormatter .Ниже приведен рабочий код, который скрывает сетки, галочки и метки над осью Y: 

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    theme: "light2",
    title:{
        text: "Simple Line Chart"
    },
    axisY:{
      gridThickness: 0,
      tickLength: 0,
      labelFormatter: function(e) {
        return "";
      }
    },
    data: [{        
            type: "line",       
            dataPoints: [
                { y: 450 },
                { y: 414 },
                { y: 510 }
            ]
        }]
    });
chart.render();
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="width: 100%; height: 200px"></div>
...