Как показать конкретный момент, чтобы показать конкретную информацию в HighCharts

Я новичок в highcharts, и я работаю над приложением для крикета, в котором я должен отображать скорость запуска по количеству и количеству калиток. Если в конкретной ячейке есть калитка (я), я хочу показать мяч (ы) до точки и наведите курсор или нажмите на эту точку, она покажет информацию о игроке и котелке и т. Д. Что я хочу - вы можете посмотреть из этого Ссылка Crichq Graphs Я хочу, чтобы то же самое, что и в графиках crichq, но не знаю, как это сделать.Как показать конкретный момент, чтобы показать конкретную информацию в HighCharts

Пожалуйста, помогите мне в решении этой проблемы.

источник

2014-12-02 Asad Fida

будет какой-то один помочь мне ???? –

Обычно вы получите дополнительную помощь, если опубликуете пример того, что вы пробовали до сих пор, желательно на jsfiddle. Пример вашего набора данных поможет. – SteveP

Я бы попытался использовать отдельные серии (тип рассеяния), чтобы показать дополнительные маркеры. Или выйдите из дополнительных маркеров и добавьте дополнительную информацию в всплывающую подсказку, например [в этом вопросе] (http://stackoverflow.com/questions/8514457/set-additional-data-to-highcharts-series). Или объедините оба решения. –

Вы можете использовать настройки маркера точки, чтобы указать, где упали калитки. например сделайте его другим цветом и размером. http://api.highcharts.com/highcharts#series.data.marker

Я бы обрабатывать данные следующим образом:

var ausData = [ { x:1, y:1 }, 
       { x:2, y:24, out:{num:2,names:['john','doe']} }, 
       { x:3, y:5 }, 
       { x:4, y:8 }, 
       { x:5, y:22 }, 
       { x:6, y:11 } ]; 
for (var p in ausData) { 
    var point = ausData[p]; 
    if (point.out !== undefined) { 
     point.marker = {fillColor:'red',radius:4*point.out.num}; 

    } else { 
     point.marker = {radius:5}; 
    } 
}

Это начало с основной информацией, а затем добавляет пользовательские маркеры точек в зависимости от того, как заполнить калитки.

Единственное, что нужно сделать, это настроить всплывающую подсказку, чтобы дать имена т.д .:

tooltip: { 
     formatter: function() { 
      var text = 'Over: ' + this.x + 
       ' Runs: ' + this.y; 
      if (this.point.out !== undefined) { 
       text = text + '<br>Out: ' + this.point.out.num; 
       for (var n in this.point.out.names) { 
        text = text + ' ' + this.point.out.names[n]; 
       } 
      } 
      return text; 
     } 
    },

http://jsfiddle.net/d6fgwg14/

источник

2014-12-02 14:32:04 SteveP

спасибо @SteveP –

Я создал линейную диаграмму и диаграмму столбца вот скрипка ** http: // jsfiddle .net/j86jkfvj/24/**. Отображение таблиц в линейной диаграмме в порядке. Но в случае столбчатой диаграммы шары не правы в верхней части этой серии (слева/справа на эту полосу). Я хочу отображать шар в верхней центральной части этого бара. Пожалуйста, дайте мне знать, как я могу это сделать. благодарю заранее! –

Просто введите й значение немного больше/меньше: данные: [ [1.85, 24.5], [1,85, 25,8] ], http://jsfiddle.net/wue1g87t/ – SteveP

Как показать конкретный момент, чтобы показать конкретную информацию в HighCharts

ответ

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