首页 文章

MultiTooltip ng2-Charts&Angular 2/4

提问于
浏览
0

我有一张图表,上面画着两条线 . 我希望当我将鼠标悬停在两条线中的任意一条点上时,小工具提示框会显示该x点处两个点的值 . 是否有可能做到这一点?

1 回答

  • 2

    我实际上有同样的问题(我使用ng2-charts 1.6.0 / chart.js 2.6.0和Angular 4)并且根据这个Github post,你需要将 mode: 'label' 添加到选项配置中 . 这是我的折线图的最终选项:

    { 
      responsive: true,
      maintainAspectRatio: true,
      multiTooltipTemplate: '<%= datasetLabel %> - <%= value %>',
      tooltips: {
        mode: 'label'
      }
    };
    

    我现在有一个工具提示,如下所示:

    January
    Bob - xx
    Tina - xx
    

    相似/相关SO帖子:chart-js-multitooltip-labels

相关问题