Angular Chart JS - 工具提示出现在标签上

时间:2016-11-02 12:59:45

标签: javascript angularjs angular-chart

我正在使用Angular Chart JS Library并使用条形图和折线图。我还有一个所有数据点的工具提示。

奇怪的是,当我将鼠标悬停在标签上时,折线图中的工具提示也正常工作(在我的例子中:[" J"," F"," M&# 34;," A"," M"," J"," J"])。但是在条形图中,只有当我将鼠标悬停在条形图上时才会显示工具提示。

当我将鼠标悬停在标签上时,如何将此功能添加到工具提示工作的条形图中?

你可以看到我的Plunker的不同之处: https://plnkr.co/edit/WQCvm4VU0M6oz6b4E5GS?p=preview

 <div>
 <ul>
      <li ng-repeat="module in ocw.modules" ng-style="{'background-color': module.background, 'color': module.fontcolor, 'border': module.border}">
        <div class=""><canvas id="base" class="chart chart-base" widht="" chart-type="module.type" chart-data="module.data" chart-labels="module.labels" chart-series="module.series" chart-colours="module.colors" chart-options="module.options"></canvas></div>              
      </li>
</ul>

0 个答案:

没有答案