NVD3自定义工具提示内容

时间:2015-10-26 18:31:54

标签: javascript jquery d3.js nvd3.js

我试图改变我的NVD3图表中的工具提示但是不成功..所以我需要你的帮助并感谢你...

我的工具提示如下所示: enter image description here

但我想添加像Mon,Tue等日期...我试图添加。

这里是示例应该是什么样子,只需在此处添加日期并删除总值但保留图表的值......

enter image description here

.tooltipContent()

但这对我来说不起作用,或者我在我的代码中使用它错误。



   var chart;
nv.addGraph(function() {
    chart = nv.models.stackedAreaChart()
        .useInteractiveGuideline(true)
        .x(function(d) { return d[0] })
        .y(function(d) { return d[1] })
        .showControls(false)
        .showYAxis(true)
        .showLegend(false)
        .rightAlignYAxis(true)
        .controlLabels({stacked: "Stacked"})
        .color(keyColor)
        .duration(500);

    chart.xAxis.tickFormat(function(d) { return d3.time.format('%a')(new Date(d)) });
    chart.yAxis.tickFormat(d3.format('f'));

    chart.legend.margin({
                    top: 30
                });

    d3.select('#chart1')
        .datum(histcatexplong)
        .transition().duration(1000)
        .call(chart)
        .each('start', function() {
            setTimeout(function() {
                d3.selectAll('#chart1 *').each(function() {
                    if(this.__transition__)
                        this.__transition__.duration = 1;
                })
            }, 0)
        });

    nv.utils.windowResize(chart.update);
    return chart;
});




0 个答案:

没有答案