如何更改chartJS工具提示的背景颜色(非标签颜色?)>

问题描述 投票:0回答:1

我创建了如下基本工具提示

tooltips: {
  backgroundColor:'blue',
  borderWidth: 10,  
}

我想更改此背景色并从tooltipColors数组中设置颜色取决于单击或悬停的工具提示

  tooltipColors=[ "#73BD07", "#000", "#fff"]

[我发现了使我能够访问被点击的工具提示索引的回调,这很酷,但是我找不到改变工具提示背景的方法。有一个名为labelColor的回调函数,但它仅更改标签颜色而不是整个工具提示]]

  callbacks: { 
              labelColor: function(tooltipItem, chart) {
                return {
                  backgroundColor:tooltipColors[tooltipItem.index]
                }
            }
      }

enter image description here

上面您可以看到我不能仅更改蓝色,而我不能更改那小小的红色。如何实现通过回调或其他方式更改工具提示颜色的功能?

我像下面的工具提示一样创建了基本的工具提示:{backgroundColor:'blue',borderWidth:10,}我想更改此背景颜色,并根据是否使用...来设置工具提示颜色数组中的颜色...

javascript css angular chart.js ng2-charts
1个回答
0
投票

使用工具提示的backgroundColor属性

© www.soinside.com 2019 - 2024. All rights reserved.