Как сообщить пользователю, что диаграмма Highcharts доступна для просмотра?

Question

Я использую Highcharts Javascript-библиотеку для создания диаграмм.

Я хотел бы сделать диаграмму кликабельным, которая поддерживается Highcharts, используя приведенную ниже синтаксис:

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'chart-container-revenue-per-purchaser', 
     defaultSeriesType: 'line', 
     events: { 
      click : function() { location.href = '/revenue/purchaser' } 
     } 
    }, 

Однако, когда вы мыши на графике, нет никаких визуальных изменений (например, границы графика появляется , изменение формы курсора), чтобы указать зрителю, что диаграмма доступна для клика.

Это что-то, что поддерживает Highcharts, или я должен реализовать его с помощью CSS?

спасибо.

Answer 1

Добавьте к этому объекту

 plotOptions: { 
      line: { 
       allowPointSelect: true, 
       cursor: 'pointer'   
      } 
     }, 

Answer 2

попробовать это:

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'chart-container-revenue-per-purchaser', 
     defaultSeriesType: 'line', 
     events: { 
      click: function() { 
       location.href = '/revenue/purchaser' 
      } 
     } 
    }, 
    plotOptions: { 
     series: { 
      cursor: 'pointer', 
      point: { 
       events: { 
        click: function() { 
         alert('clicked'); 
        } 
       } 
      }, 
      marker: { 
       lineWidth: 1 
      } 
     } 
    } 
});​ 

взятую из http://www.highcharts.com/demo/line-ajax

Это использует опцию 'курсор' от plotOptions-> Serise

курсор: String
Вы можете установить курсор на «указатель», если вы нажали события, связанные с серией, чтобы сообщить пользователю, что точки и линии можно щелкнуть. По умолчанию используется значение ''.

http://www.highcharts.com/ref/#plotOptions-series--cursor