Чтобы получить название серии в диаграмме пузырьков в высоких диаграммах

Question

Ниже приведены данные JSON для диаграммы пузырьков.

{ 
"chart":{"type":"bubble","plotBackgroundImage":"Image/bubble.jpg"}, 
"plotOptions":{"series":{"dataLabels":{"enabled":true}}}, 
"series": 
    [ 
    {"data":[{"x":7,"y":7,"z":49,"name":"Task 2"}]}, 
    {"data":[{"x":7,"y":8,"z":56,"name":"Task 4"}]}, 
    {"data":[{"x":7,"y":8,"z":56,"name":"Task 3"}]}, 
    {"data":[{"x":3,"y":7,"z":21,"name":"Task 1"}]} 
    ] 
} 

Я уменьшил содержание данных для простоты и ниже мой результат ..

Я хочу, чтобы получить имя соответствующего пузыря появляется вместе с пузырьками, несмотря на название серии и отметил, что численное значение y отображается на каждом пузыре, не хочет иметь это числовое представление, а также хочет исправить фоновое изображение в размере исправления. Любая помощь будет оценена.

-------- ОБНОВЛЕНО ВОПРОС --------------

string plotBackgroundImage = "Highcharts-3.0.7/graphics/Heatmap.jpg"; 
     var chart = new 
     { 
      type = ChartType, 
      plotBackgroundImage 

     }; 
     var dataLabels = new 
     { 
      enabled = true 
     }; 
     var plotOptions = new 
     { 
      series = new { dataLabels = dataLabels } 
     }; 
     var series = dataList; 
     var obj = new { chart, plotOptions, series }; 
     string result = jSearializer.Serialize(obj); 

и мой JSON данных откладываются в строке, а также поскольку я передаю эти данные непосредственно в Highchart API для построения графика, теперь как я могу передать функцию форматирования, может кто-нибудь объяснить или любой другой способ достичь этой цели.

Answer 1

Внутри форматирования всплывающей подсказки вы можете получить доступ ко всем параметрам относительно этой точки.

Я думаю, что он служит в этом случае.

вот пример.

tooltip:{ 
    formatter: function(){ 
     var name = this.point.options.name; 
     return name + ' x : ' + this.x + " y: " + this.y 
    } 
} 

Я надеюсь, что это вам поможет.

Answer 2

Использования tooltip.pointFormat, который скороговорка для подсказки, она имеет ограниченные возможности, но point.name будет работать, посмотри: http://jsfiddle.net/bJtCt/

$('#container').highcharts({ 

    chart: { 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    tooltip: { 
     shared: true, 
     useHTML: true, 
     headerFormat: '<table>', 
     pointFormat: '<tr><td style="color: {series.color}">{point.name}: </td>' + 
     '<td style="text-align: right"><b>{point.y} EUR</b></td></tr>', 
     footerFormat: '</table>', 
     valueDecimals: 2 
    }, 

    series: [{ 
     name: 'Short', 
     data: [{ 
      x: 3, y: 15, name: 'test' 
     }, { 
      x: 5, y: 17, name: 'testing' 
     }] 
    }] 

});