2014-01-22 3 views
0

Мне нужно рисовать линии тренда на основе пользовательских выборов. смысл пользователь нажимает мышь .. draggs и релизы на конечной точке .. затем нарисовать линии .. highcharts не имеет никакого события релиза мыши .. поэтому я добавляю это в контейнер диаграмм. проблема заключается в том, как я могу конвертировать pageX и Пейджи картировать SVG координаты ..highstock mouse releaase trendline

Я использую следующий код для мыши (график нажмите событие)

chart: { 
events: { 
    click: function(event) { 
     alert (
     'x: '+ Highcharts.dateFormat('%Y-%m-%d', event.xAxis[0].value) +', ' + 
        'y: '+ event.yAxis[0].value 
      ); 
    } 

}

как я могу сделать это на выводе мыши.

ответ

0

В Highcharts у вас есть событие выбора, когда вы можете добавить plotLines или plotBands, см. docs.

Кроме того, отметьте this пример - он реализован в нижней диаграмме (это две отдельные диаграммы), которые вам практически необходимы.

+0

попробовал это .. но выбор не работал бы без установки типа масштабирования. я хочу точно такую ​​же вещь .. но должен работать без масштабирования. так что я могу получить начальную и конечную точки и нарисовать линию тренда (добавив новую серию). Как я могу это сделать? – user3038576

+0

Вы можете отключить поведение по умолчанию, см.: Http://jsfiddle.net/TMtwD/ Просто используйте 'event.preventDefault();' Добавление новой серии, вычисление значений и т. Д. Будет сложнее, я думаю? –

+0

вместо этого мне удается рисовать линию на втором клике на диаграмме .. работает нормально .. но когда пользователь нажимает на серию, событие щелчка диаграммы не срабатывает ... что мне нужно, чтобы получить выбранные координаты мыши, даже если мышь есть на серии. Ниже приведен пример, который я работаю над http://jsfiddle.net/amit_shah25/EQ8aH/ – user3038576