在单个#tooltipTemplate上将ngx-charts-line-chart中的值优先

时间:2019-06-13 04:06:28

标签: angular asp.net-core angular7 angular-chart ngx-charts

我正在尝试确定ngx-charts-line-chart中的值的优先级。当前图表的情况是它显示的是单点指示上的最后一个元素值。

从下面的数据中,所有国家/地区在2010年的价值都相同。现在,当我将鼠标悬停在单个指示上时,它始终会显示最后一个元素的值,但是,我想显示该元素的第一个或第二个元素数组。

这里是链接 https://stackblitz.com/edit/vertical-bar-chart-yvy5bx?file=app%2Fapp.component.html

当我将鼠标悬停在2010年时,有什么方法可以显示德国?

export var multi = [
  {
    "name": "Germany",
    "series": [
      {
        "name": "2010",
        "value": 7300000
      },
      {
        "name": "2011",
        "value": 3400000
      }
    ]
  },

  {
    "name": "USA",
    "series": [
      {
        "name": "2010",
        "value": 7300000
      },
      {
        "name": "2011",
        "value": 9800000
      }
    ]
  },

  {
    "name": "France",
    "series": [
      {
        "name": "2010",
        "value": 7300000
      },
      {
        "name": "2011",
        "value": 7300000
      }
    ]
  }
];

Image of the results

0 个答案:

没有答案