highcharts – 带有JSON数据的HighChart热图

前端之家收集整理的这篇文章主要介绍了highcharts – 带有JSON数据的HighChart热图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将 JSON特定数据集成到highmaps / highcharts提供的热图中.

关于的例子

Link to HeatMap Demo

演示了如何使用CSV方法加载数据.但我无法使用JSON数组运行它.任何人都可以从示例中提供等效的CSV以获得相同的热图图表,或者向我展示基于JSON的另一个示例的方法吗?

Thx提前.

干杯彼得

解决方法

您需要将其转换为col / row点而不是日期字符串.您将拥有2个类别轴:x和y.然后x / y轴的索引变为[x,y,value].所以,如果您的数据在“2013-04-01”开始,则它是您的第一个索引[[“”2013-04-01“,-0.7],[”2013-04-02“,– 3.4],[“2013-04-03”,-1.1]]变为:
[ [0,[1,-3.4],[2,-1.1] ]

请注意,这只是一行的数据.你的y成分是什么?

编辑:
如果您的yAxis组件是一天中的小时,那么您将设置轴,如下所示:

xAxis: {
    categories: ['2013-04-01','2013-04-02','2013-04-03'],labels: {
        rotation: 90
    }
},yAxis: {
    title: {
        text: null
    },labels: {
        enabled: false
    },categories: ['Midnight','1 am','2 am','3 am','4 am','5 am','6 am','7 am','8 am','9 am','10 am','11 am','Noon','1 pm','2 pm','3 pm','4 pm','5 pm','6 pm','7 pm','8 pm','9 pm','10 pm','11 pm'],min: 0,max: 23,reversed: true
},

然后你的系列看起来像:

series: [{
    borderWidth: 0,nullColor: '#EFEFEF',data: [ [0,-1.1] ]
}]

直播demo.

我在那里添加了其他项目,我会让你弄清楚(为什么我设置逆转:true,什么是colorAxis等).需要注意的重要一点是,series.data格式与其他任何高级设置都不同.

原文链接:https://www.f2er.com/js/157591.html

猜你在找的JavaScript相关文章