Удалить сетку в угловых диаграммах. Chart.js

0

Я использую угловые диаграммы, но я не могу удалить линии сетки! Это мой код:

<canvas id="line" class="chart chart-line" chart-data="data"
  chart-labels="labels" chart-legend="false" responsive="true" 
  chart-click="onClick" scaleShowVerticalLines= "false">
</canvas>

Мой js файл выглядит так

$scope.labels = ["Jan", "Feb", "Mars", "Apr", "May", "Jun", 
                 "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
$scope.series = ['2015', '2014'];
$scope.data = 
[
  [80, 85, 90, 85, 90, 97, 90, 80, 90, 96, 97, 99]
];

$scope.onClick = function (points, evt) {
  console.log(points, evt);
};

Как удалить строки?

  • 0
    Сожалею. Какие линии?
Теги:

1 ответ

0

Добавьте параметры диаграммы в свой html:

<canvas id="line" class="chart chart-line" chart-data="data"
chart-labels="labels" chart-legend="false" responsive="true" 
chart-click="onClick" scaleShowVerticalLines= "false"
chart-options="options">
</canvas>

и добавьте параметры диаграммы в ваш файл js. Это будет выглядеть так:

$scope.options = {scales: {
                     xAxes: [{
                          gridLines: {
                               display: false
                          }
                       }],
                     yAxes: [{
                          gridLines: {
                               display:false
                          }
                       }]
                     }
                  };

Ещё вопросы

Сообщество Overcoder
Наверх
Меню