시리즈 레이블과 값을 모두 devextremecharts (dxChart)에 표시

Question

모듈성 개념의 devextreme 차트 (js 차트)를 사용하고 있습니다.

내 막대 그래프 중 하나에서 호버 위에 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 

을 보여 내 도구 설명을하고자하는 미국 (바) 위로 마우스를 이동하는 동안 나를 올바르게 사용하지 않았을 수도 있습니다.
어떤 것이 내 요구 사항을 충족시키는 속성을 말해 줄 수 있습니까?

Answer 1

나는 당신이 tooltip 문서를 통해가는 것이 좋습니다, 거기에 특정 가치를 표시하는 데 사용할 수있는 속성 이름을 찾을 수 있습니다. dxChart - How to customize a tooltip

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

:

하면이 DX 스레드를 참조하십시오