2012-11-28 6 views
3

Привет, я работаю над highchart application. если щелкнуть и переместить мышь, нарисуйте черную линию. проблема в том, что он все еще навешивает свечи диаграммы высоты. Я хочу сделать это li this example. в этом примере, если нажать кнопку addLine. курсор изменится на crosshaire. и мы не можем навешивать свечи диаграммы высоты.enable disable hover in highchart.stock

вопрос => как я могу сделать переход между включением и отключением наведения на свечах. легко рисовать черные линии. с помощью внешней кнопки

это мой код

chart = new Highcharts.StockChart({ 
      chart : { 
       renderTo : 'container', 

      }, 
      }, 

     }, 


      rangeSelector : { 
       selected : 1 
      }, 

      title : { 
       text : 'AAPL Stock Price' 
      }, 

      yAxis: [{ // Primary yAxis 
      lineWidth:1, 
      lineColor:"#cccccc", 
      labels: { 
       align: 'right', 
       x: 25, 
       y: +5 
      }, 
      title: { 
       text: ' ', 
       align: 'high', 
       margin:50 
      }, 
      showLastLabel: true, 
      gridLineColor:'#cccccc', 
      minorGridLineColor: '#F0F0F0', 
       minorTickInterval: 'auto', 
       minorGridLineDashStyle: 'longdash', 
      plotLines: [{ 
       value: 620, 
       width: 2, 
       color: 'green', 
       zIndex:10, 
       dashStyle: 'solid', 
       label: { 

        text: '<span style="background-color:#000;" >620</span>', 
        align: 'right', 
        zIndex:1000, 
        y: 2, 
        x: 25 
       } 
      }], 



       opposite: true 

      }], 

      series : [{ 
       type : 'candlestick', 
       name : 'YNS/GPB', 
       data : data, 

      }] 
     , 
     }); 
     } 
+0

Возможно, у вас должен быть var, который сохраняет состояние, которое изменяется при нажатии кнопки. Затем вы должны проверить это на всех событиях, таких как щелчок, зависание, mouseOver и т. Д. –

ответ

1

Вы можете сделать это с помощью marker собственности:

states: { 
    hover: { 
      enabled: false 
    } 
} 

Вы бы получить доступ к этому через chart.series[i].marker.states.hover я считаю. Итак, я бы подумал, что нажатие кнопки «Добавить линию» позволит отключить вызов, чтобы отключить наведение на маркеры серий. Затем, когда вы закончите рисовать свои строки, вам нужно будет отключить кнопку «Добавить линию» и запустить вызов для повторного включения зависания.

+0

http://jsfiddle.net/bq5vZ/3/ спасибо, что dons'nt работает со мной. попробуйте в этом – primme