2017-02-20 2 views
1

ハイチャートを使用してデータベースからのコール数を表示しました。データベースから引用符を使用して、データラベルとしての割合を表示したいと思います。 問題はハイチャートで、yは呼び出し回数を示し、xはxAxisに格納されている名前を示し、plotOptionsでquote direktを呼び出すと次のような形式になります。[{{quote | raw}}]、すべてのlebelのデータベースからのすべての値を表示します。ハイチャートでdatalebelsフォーマッタを設定する方法

// Create the chart 
$(function() { 
    var i = 0; 
    var caller = [ 
     { name: 'calls', data:[{{ calls }}] }, 
    ] 

    Highcharts.chart('container', { 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'EASy call {{ date|date("d.m.Y") }}' 
     }, 
     subtitle: { 
      text: '' 
     }, 
     xAxis: { 
     categories: [{{callPoint | raw}}], 
    }, 
    plotOptions: { 
     series: { 
      borderWidth: 0, 
      dataLabels: { 
       enabled: true, 
       format: '{y} %' 
      } 
     } 
    }, 
    tooltip: { 
     headerFormat: '<span style="font-size:11px">{series.name}</span><br>', 
     pointFormat: '<span style="color:{point.color}">calls</span>: <b>{point.y:.2f}</b> <br/>' 
    }, 
     series: caller 
    }); 
}); 

ハイチャートで必要なものを行うことは可能ですか?または任意の提案?

例について

答えて

0

- ルベルJSFiddle

dataLabels: { 
    enabled: true, 
    formatter: function() { return this.series.data[0].y; } 
} 

としてデータ値を使用するためJSFiddle

dataLabels: { 
    enabled: true, 
    formatter: function() { 
     return this.y +' '+this.x + ' '+this.series.name; 
    } 
} 

Highchartsリファレンスから

this.percentageスタックされたシリーズとパイのみ。ポイントの の合計。

this.pointポイントオブジェクトです。ポイント名が定義されている場合、 はthis.point.nameで利用可能です。

this.seriesシリーズオブジェクト。シリーズ名は this.series.nameから入手できます。

this.total積み重ねられたシリーズのみ。この時点の合計値x の値です。

this.x x値です。

this.y yの値。

+0

ありがとう、これは私が必要とするものではありません。 –

+0

@TonGok:あなたの希望に応じて 'formatter:function(){'を変更することができます。 –

+0

x + yの取得方法はわかっていますが、最初のxが他のデータから余分にxを取得してデータレールにする必要があります –

関連する問題