nvd3图表-在悬停框中更改文本颜色

Question

我所有的图表，无论类型如何，都具有带有深灰色（几乎黑色）背景和黑色文本的弹出框/悬停框，几乎无法阅读。图表的颜色部分出现在悬停框中，但文本和标签全部为黑色。

如何更改悬停框中的文本颜色？这是工具提示项还是特定于图表？

这里是我的一个图表JS的示例，可以在选项中设置悬停框文本的颜色，还是需要在CSS文件中找到该设置-如果是这样，它是哪个设置？ ：

    /**
     * Widget 5
     */
    var widget5Option = '3M';
    // Main Chart
    nv.addGraph(function ()
    {
      var chart = nv.models.multiBarChart()
        .options(
            {
                color       : ['#03a9f4', '#b3e5fc'],
                margin      : {
                    top   : 48,
                    right : 16,
                    bottom: 16,
                    left  : 32
                },
                clipEdge    : true,
                groupSpacing: 0.3,
                reduceXTicks: false,
                stacked     : false,
                duration    : 250,
                x           : function (d)
                {
                    return d.x;
                },
                y           : function (d)
                {
                    return d.y;
                },
                yTickFormat : function (d)
                {
                    return d;
                }
            }
        );

    var chartd3 = d3.select('#widget5-main-chart svg')
    var chartData;

    initChart();

    nv.utils.windowResize(chart.update);

    $(window).bind('update:widget5', function ()
    {

        initChart();
    })

    function initChart()
    {
        chartData = data.widget5.mainChart[widget5Option];
        chartd3.datum(chartData).call(chart);
    }

    return chart;
});

Answer 1

确定，我终于找到CSS值来​​更改各种图表上的弹出窗口中文本的颜色。

在nv.d3.min.css中，值为.nvtooltip-有各种.nvtooltip子定义，但第一个定义为：

.nvtooltip{position:absolute;color:rgba(0,0,0,1);padding:1px;z-index:10000;display:block;font-family:Arial,sans-serif;font-size:13px;text-align:left;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.5);border-radius:4px}

我将color:rbga(0,0,0,1)更改为color:white

花一天时间找我，因为它仅显示在悬停在弹出式表格上，您不能将其放入鼠标中，因为弹出式表格随鼠标移动并且始终与鼠标指针相距约1/2英寸-因此我可以使用Dev Tools Inspector在弹出窗口上单击，以查看为该弹出窗口分配了哪些CSS值。非常烦人。