Chart.js / Chart.Heatmap:在大型热图中调整刻度号

时间:2018-12-14 09:15:21

标签: javascript chart.js heatmap

我试图创建较大的热图,以便在一年内显示参数的值。我正在使用Chart.Heatmap。

我目前有一个数据集,每天有96个点,为期3天。

我的问题是画布显示所有96个标签,无法读取。

我尝试遵循其他帖子(包括Chart.js: evenly distribute ticks when using 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/

有人会知道如何做吗?还是要使用另一个脚本?

0 个答案:

没有答案