2016-05-12 3 views
0

http://jsfiddle.net/5ojcppsc/Highcharts: 3D Chart Колонка изменения BorderColor на выберите

allowPointSelect: true, 
borderWidth: 2, 
depth: 25, 
states: { 
    select: { 
    color: "black", 
    borderColor: "red" 
    } 
} 

Я не в состоянии изменить BorderColor 3D-столбцов на выбор. Есть ли способ достичь этого? Также я хочу изменить borderWidth на select.

PS Я хочу избежать использования this.update() в выбранном событии обратного вызова.

ответ

0

Вы можете поймать событие select и напрямую манипулировать элементом SVG.

Пример: - http://jsfiddle.net/h6etesbp/

plotOptions: { 
    column: { 
    allowPointSelect: true, 
    borderWidth: 2, 
    depth: 25, 
    point: { 
     events: { 
     select:function() { 
      var p = this; 
      setTimeout(function() { 
      p.graphic.attr({ 
      'stroke': 'red', 
      'stroke-width': 2 
      }) 
      },1); 
     } 
     } 
    }, 
    } 
}, 
+0

Я хотел бы избежать с помощью функции обратного вызова. В любом случае, спасибо за решение. – sagargurtu

0

я нашел и отвечал на подобный вопрос несколько дней назад, что вы можете найти полезным:

Highcharts: Stacked Column increase borderWidth on select state.

Я не вижу причин, по которым варианты будут отличаться для трехмерных графиков.

Попробуйте и дайте мне знать, будет ли это работать для вас. Я могу придумать скрипку для дальнейшего исследования того, что вы ищете, если этот вопрос не поможет вам, где вам нужно.

Смежные вопросы