Chart.js / Chart.Heatmap: адаптировать количество тиков в больших тепловых картах - PullRequest
Новая
       7

Chart.js / Chart.Heatmap: адаптировать количество тиков в больших тепловых картах

0 голосов
/ 14 декабря 2018

Я пытаюсь создать большие тепловые карты, чтобы отображать значение параметра в течение одного года.Я использую Chart.Heatmap.

В настоящее время у меня есть набор данных с 96 точками в день в течение 3 дней.

Моя проблема в том, что на холсте отображаются все 96 меток, и его невозможно прочитать.

Я пытался следовать идеям из других постов (включая Chart.js: равномерно распределять тики при использовании maxTicksLimit ), но мне это не удалось.Я предполагаю, что это не было легко применимо для Chart.Heatmap, но было для Chart.js

В настоящее время я использую эти параметры для графика: 

var newChart = new Chart(ctx).HeatMap(data, {
    stroke: false, 
    scaleOverride:false, 
    scaleShowLabels: true, 
    roundedRadius: 0, 
    paddingScale: 0, 
    scaleLabel: '<%=value %>', 
    scales: {
                    yAxes: [{
                        ticks: {
                            maxTicksLimit: 5,
                            autoSkip: true,
                        }
                    }],
            xAxes: [{
                        ticks: {
                            maxTicksLimit: 5,
                            autoSkip: true,
                        }
                    }]
                }
            })

Вы можете просмотреть проблему здесь: http://jsfiddle.net/d5p7ao1c/

Кто-нибудь может понять, как это сделать?Или другой скрипт для использования?

...