График js по умолчанию предупреждение об устаревании - PullRequest
Новая
       6

График js по умолчанию предупреждение об устаревании

1 голос
/ 14 января 2020

Я устанавливаю следующее значение по умолчанию на диаграмме js (v2.9.3), чтобы изменить внешний вид моих гистограмм по умолчанию: 

Chart.defaults.bar.scales.xAxes[0].categoryPercentage = .95;

Это вызывает следующие предупреждения об устаревании: 

bar chart: "scales.[x/y]Axes.categoryPercentage" is deprecated. Please use "dataset.categoryPercentage" instead

Но я не могу заставить это работать, среди других, которые я пробовал: 

Chart.defaults.bar.dataset.categoryPercentage = 1;
Chart.defaults.bar.datasets[0].categoryPercentage = 1;
Chart.defaults.global.bar.dataset.categoryPercentage = 1;
Chart.defaults.global.bar.datasets[0].categoryPercentage = 1;

Есть ли хороший ресурс, чтобы найти правильные команды для установки значений по умолчанию? К сожалению, отличная документация в этом отношении очень неполна.

Вышеприведенные параметры не единственные настройки по умолчанию, с которыми я борюсь.

Например, следующее ничего не делает ( хотя Chart.defaults.global.hover.animationDuration = 50; работает): 

Chart.defaults.global.hover.mode = 'index';
Chart.defaults.global.hover.intersect = true;

1 Ответ

1 голос
/ 14 января 2020

Правильный синтаксис для глобального изменения бара categoryPercentage следующий: 

Chart.defaults.global.datasets.bar.categoryPercentage = 0.95;

А вот рабочий пример: 

Chart.defaults.global.datasets.bar.categoryPercentage = 0.95;

var canvas = document.getElementById('myChart');
var data = {
    labels: ["A", "B", "C", "D", "E"],
    datasets: [{
            label: "Occurrences", 
            data: [3, 5, 2, 4, 6],
            fill: false,
            backgroundColor: ["rgba(255, 99, 132, 0.2)", "rgba(255, 159, 64, 0.2)", "rgba(255, 205, 86, 0.2)", "rgba(75, 192, 192, 0.2)", "rgba(54, 162, 235, 0.2)"],
            borderColor: ["rgb(255, 99, 132)", "rgb(255, 159, 64)", "rgb(255, 205, 86)", "rgb(75, 192, 192)", "rgb(54, 162, 235)"],
            borderWidth: 1
        }]
};
var option = {
	scales: {
  	yAxes:[{
        ticks: {
          beginAtZero: true
        }
    }]
  }
};

var myBarChart = Chart.Bar(canvas, {
  data:data,
  options:option
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="myChart" width="400" height="200"></canvas>

Чтобы узнать о других допустимых параметрах, содержащихся в Chart.defaults, просто войдите в консоль (console.log(Chart.defaults)) и найдите параметр имя.

...