React-Chart.js工具提示标签颜色

时间:2018-07-19 16:42:55

标签: colors tooltip react-chartjs

如果这个问题已经得到解答,我深表歉意,但是我很难更改工具提示标签/传奇颜色的颜色。我使用CSS来更改条形的颜色,但是无法弄清楚如何使标签具有相同的颜色。我是编程的新手,并且遍历了文档以及类似的问题。给我的所有选择都没有帮助。

这是我的代码的一部分:

graphData: [ 
                   {
                    label: "Connected",
                    data: [{ x: "7/08", y: 10}, { x: "7/09", y: 12}, { x: "7/10", y: 8}, { x: "7/11", y: 10}, { x: "7/12", y: 15}, { x: "7/13", y: 16}, { x: "7/14", y: 23}],
                    pointHoverBackgroundColor: 'green',
                    pointColor: "green"
                  },
                  {
                    label: "Shutdown",
                    data: [{ x: "7/08", y: 12 }, { x: "7/09", y: 8}, { x: "7/10", y: 13}, { x: "7/11", y: 13}, { x: "7/12", y: 5}, { x: "7/13", y: 7}, { x: "7/14", y: 6}],
                    pointHoverBackgroundColor: 'yellow',
                    pointColor: "yellow"
                  },
                  {
                    label: "Disconnected",
                    data: [{ x: "7/08", y: 8 }, { x: "7/09", y: 10}, { x: "7/10", y: 9}, { x: "7/11", y: 7}, { x: "7/12", y: 10}, { x: "7/13", y: 7}, { x: "7/14", y: 1}], 
                     pointHoverBackgroundColor: 'red',
                     pointColor: 'red'
                  }
                ]

0 个答案:

没有答案