Question

我需要帮助在xaxis上使用多行。如果我像这样使用

，我知道如何添加多行

xAxis: {
        plotLines: [{
            value: Date.UTC(2011,1,1, 12,00,00),
            width: 1,
            color: 'green',
            dashStyle: 'dash',
        },
    {
            value: Date.UTC(2011,5,1, 12,00,00),
            width: 1,
            color: 'green',
            dashStyle: 'dash',
        },
    {
            value: Date.UTC(2011,8,1, 12,00,00),
            width: 1,
            color: 'green',
            dashStyle: 'dash',
        }
    ]
    }

我需要使用这种方式，从api

获取数据

$scope.hiddenSeries = [
[Date.UTC(2016,7,1, 12,00,00)],
[Date.UTC(2016,6,1, 12,00,00)],
[Date.UTC(2016,5,1, 12,00,00)],
[Date.UTC(2016,4,1, 12,00,00)],
];

        $scope.chartConfig1 = {
            xAxis: {
                ordinal: false,
                plotLines: [{
            value: $scope.hiddenSeries,
            width: 1,
            color: 'green',
            dashStyle: 'dash'
        }]

这种方式不起作用，没有显示任何数据。我尝试谷歌它，但所有的例子都像第一种情况。

Answer 1

Thnx @kacper madej 我通过这种方式解决了这个问题。我在$ scope中添加了完整的规范。

$scope.hiddenSeries = [
{value: Date.UTC(2016,6,1), width: 1, color: 'green', dashStyle: 'dash'},
{value: Date.UTC(2016,7,1), width: 1, color: 'green', dashStyle: 'dash'},
{value: Date.UTC(2016,7,7), width: 1, color: 'green', dashStyle: 'dash'}
];

和xAxis中定义的$ scope.chartConfig1

plotLines: $scope.hiddenSeries

Highstock - 来自json的多个情节线值

1 个答案: