javascript - Highcharts ng 热图绘制线而不是框

Question

Highcharts ng 热图绘制线而不是框

    $scope.chartConfig = {
"chart": {
    "type": "heatmap"
},
"credits": {
    "enabled": false
},
"size": {
    "height": 1000
},
"title": {
    "text": ""
},
"xAxis": {
    "categories": ["23-02-2005", "24-02-2005", "27-02-2005", "28-02-2005", "01-03-2005", "02-03-2005"]
},
"yAxis": {
    "categories": ["Bond2Y", "Bond3Y"],
    "title": null
},

"series": [{
    "name": "Trades Data",
    "borderWidth": 1,
    "data": [
        [0, 0, 0.7642386249005615],
        [0, 1, 0.5010608923969173],
        [1, 0, 0.5009742082142428],
        [1, 1, 0.9114076033035807]
    ],
    "dataLabels": {
        "enabled": false,
        "color": "#000000"
    }
}]

}

Angular Highcharts

当我将这些配置与 JQuery 一起放置时，它的工作原理

jQuery Highcharts

这是 highcharts-ng 问题吗？

Answer 1

当我检查你的 fiddle 时，我发现你没有包含 heatmap.js 库。

此外，您需要将 chart 和 colorAxis 移动到 options block 内。

检查下面的工作 fiddle 链接，您可以在其中看到与 jQuery 示例相同的方 block 。

工作 fiddle : http://jsfiddle.net/y9wjy0kz/10/

希望这有帮助!