2017-05-02 6 views
1

モジュール性の概念を持つデベロッパーチャート(jsチャート)を使用しています。シリーズラベルと値の両方をデベロッパーチャートに表示する(dxChart)

棒グラフの1つに、ホバー上にSeriesBarの名前とその値が表示されるツールチップを表示したいと考えています。 つまり 私の表には、アメリカ、イギリス、フランスの人口を表す3つの棒があるとします。 私はdevextremeウェブサイトを通じて行ったがためにworled何のプロパティは認められません

$("#myChartDiv").dxChart({ 
      dataSource: dataset, 
      commonSeriesSettings: { 
       argumentField: 'DimensionValue', 
       valueField: 'MetricValue', 
       label: { 
        visible: true, 
        format: { 
         type: "fixedPoint", 
         precision: Barnumberprecision 
        } 
       }, 
       type: 'bar', 

      }, 
      seriesTemplate: { 
       nameField: "SurveyYear", 

       }, 
       valueAxis: { 
        title: { 
         text: Title 
        }, 
        position: "left" 
       }, 
      argumentAxis: { 

       label: { 
        overlappingBehavior: { mode: Barlabeloverlappingmode, rotationAngle: Barlabelrotateangle } 
       } 
      }, 
      tooltip: { 
       enabled: true, 
       location: "edge", 

       customizeText: function() { 
        return this.seriesName; 
       }, 
       format: { 
        //type: "fixedPoint", 
        precision: Barnumberprecision 
       }    
      }, 
      legend: { 
       verticalAlignment: BarlegendverticalAlignment, 
       horizontalAlignment: BarlegendhorizontalAlignment 
      } 
     }); 

私は英国とフランスのために同様に

USA:10000 

を表示するには、私のツールチップを希望USA(バー)上にカーソルを移動しながら私はそれを正しく使っていないかもしれません。
私の要件を満たすプロパティを教えていただけますか?

答えて

0

私はtooltip文書を通過することをお勧めします、そこには特定の値を表示するために使用できるプロパティ名があります。 dxChart - How to customize a tooltip

tooltip: { 
     enabled: true, 
     customizeTooltip: function (point) { 
       return { 
        text: point.value+' of '+point.argument+' against '+point.seriesName 
       } 
     } 
    } 

すると、このDXのスレッドを参照してください。

関連する問題