2015-07-03 2 views
0

У меня есть диаграмма рассеяния, в которой у меня есть несколько точек, построенных в разных цветах на основе некоторого состояния. Когда я выбираю точку, цвет этой точки по умолчанию меняется на белый. Мне нужно сохранить цвет выбранной точки, так как внешний цвет и внутренний цвет могут быть любыми, даже белые в порядке.Изменение цвета выбранной точки в HighCharts динамически

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

plotOptions: { 
       series: { 
        cropThreshold: maxCropThreshold, 
        allowPointSelect: true, 
        point: { 
         events: { 
          select: function (e) { 
           mychart.options.plotOptions.series.marker.states.select.lineColor="green"; 
          }, 
          unselect: function(){ 
          } 
         } 
        }, 
+0

у вас есть jsfiddle по какой-то шанс? ура! – potatopeelings

+2

Используйте ['point.update()'] (http://api.highcharts.com/highcharts#Point.update) для обновления одной точки или ['series.update()'] (http: // api. highcharts.com/highcharts#Series.update), чтобы обновить все точки для определенной серии. –

+0

Спасибо Pawel. Я только что обнаружил это несколько минут назад :) – Abbas

ответ

0

Используя приведенный ниже код, я был в состоянии получить его работу

point: { 
         events: { 
          select: function (e) { 
          //to update line color 
             this.update({ 
         marker: { 
          states: { 
           select:{ 
            lineWidth: 1.5, 
            lineColor: this.color 
           } 
          } 
         } 
        }, true); 
}