无法使用highcharts生成大型热图

时间:2014-09-17 12:45:21

标签: charts highcharts heatmap

我正在尝试使用highcharts进行大型热图生成。我尝试修改demo code given on highcharts网站。

默认情况下,它在x轴上设置日期,我需要一些其他值,然后在x轴上默认数据格式。我在堆栈溢出后面几个问题,它给了我所需的输出,但它不正确因为热图似乎是正确的,当我将鼠标悬停在结果上时,工具提示会在悬停时显示这些日期格式,生成的热图也不正确。

My fiddle demo is:  http://jsfiddle.net/ktamk1tp/1/

注意:根据SO指南发布js小提琴链接时出错。如果有人可以编辑,我将不胜感激。

2 个答案:

答案 0 :(得分:3)

在系列中禁用colsize有助于 - http://jsfiddle.net/ktamk1tp/9/

(JS第255行)

//colsize: 24 * 36e5, // one day

答案 1 :(得分:2)

您的yAxis标题的简单修复就是您要设置两次:

yAxis: {
    title: {
        enabled: true,

        // THIS Axis title is not working, but the same method works for the xAxis

        text: 'my axis'
    },
    categories: ['0', '1', '2', '3', '4'],
    title: null
},

删除title: null

您的工具提示看起来很奇怪的原因是您使用字符串整数将轴设置为类别,然后转换为日期戳。将xAxis ='0'转换为javascript时间是正确的。 0 js时间是1970年1月1日。您需要发送javascript时间戳并相应地设置轴,或者您需要使用日期为['Monday','Tuesday','Wednesday'....]的类别。