有没有办法在 Ngx 折线图的图例上显示该线的总值？

Question

如果我将总值设置为这样的名称属性："name": "Germany: 1234" 它也会像这样显示在行中：

我希望总值只显示在图例上：

这是数据结构：

        export var lineChartMulti = [
          {
            "name": "Germany",
            "series": [
              {
                "name": "2010",
                "value": 700
              },
              {
                "name": "2011",
                "value": 750
              },
...
            ]
          },
        
          {
            "name": "USA",
            "series": [
              {
                "name": "2010",
                "value": 650
              },
...

Answer 1

因此可以定义您的自定义工具提示，然后按您喜欢的方式呈现。我将分享几个 links。一个是 Whosebug link，另一个是一些人口普查数据。他们做了同样的事情，但方式相反。他们在线条工具提示上显示了值，但在图例上没有显示。

这是代码和参考 link。

<ngx-charts-line-chart        
    [scheme]="colorScheme"
    [results]="multi" ...>
  <ng-template #tooltipTemplate let-model="model">
    This is the single point tooltip template
    <pre>{{model|json}}</pre>
  </ng-template>

  <ng-template #seriesTooltipTemplate let-model="model">
    This is vertical line tooltip template
    <pre>{{model|json}}</pre>        
  </ng-template>
</ngx-charts-line-chart>

下面是针对类似问题的 link。查看答案。

有没有办法在 Ngx 折线图的图例上显示该线的总值？

Is there a way to show the line's total value on the legend of the Ngx Line Chart?

angular

ngx-charts