2016-09-02 2 views
0

Мне нужна помощь с использованием нескольких строк на xaxis. Я знаю, как добавить несколько строку, если я использую как этотHighstock - многострочное значение линий от json

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', 
     } 
    ] 
    } 

мне нужно использовать этот путь, принимая данные из апи

$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' 
     }] 

Этот способ не работает, не показывая никаких данных. Я пытаюсь это сделать, но весь пример похож на первый случай.

+0

Вы уверены, что вам нужно AngularJS специфическую функцию для этого thask? Используя только JavaScript, вы можете перебрать свой массив 'hiddenSeries' и создать массив' plotLines' - одну строку сюжета для каждой даты. –

ответ

0

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'} 
]; 

и в $ scope.chartConfig1 в XAxis определяется

plotLines: $scope.hiddenSeries 
Смежные вопросы