在Reveal.js幻灯片上使用D3.js

我试图在一个leaver.js演示中使用你的图表，但是工具提示的格式被改变了——我猜是由leaver CSS改变的

你已经试过这个“组合”了吗

多谢各位

function myData() {
var series1 = [];
for(var i =1; i < 100; i ++) {
    series1.push({
        x: i, y: 100 / i
    });
}

return [
    {
        key: "Series #1",
        values: series1,
        color: "#0000ff"
    }
];
}

nv.addGraph(function() {
var chart = nv.models.lineChart();

chart.xAxis
    .axisLabel("X-axis Label");

chart.yAxis
    .axisLabel("Y-axis Label")
    .tickFormat(d3.format("d"))
    ;

d3.select("#sample1")
    .datum(myData())
    .transition().duration(500).call(chart);

nv.utils.windowResize(
        function() {
            chart.update();
        }
    );

return chart;
});

函数myData（）{
var系列1=[]；
对于（变量i=1；i<100；i++）{
系列1.推送({
x:i，y:100/i
});
}
返回[
{
关键：“系列#1”，
值：系列1，
颜色：“0000ff”
}
];
}
nv.addGraph（函数（）{
var chart=nv.models.lineChart（）；
chart.xAxis
.axisLabel（“X轴标签”）；
图1.yAxis
.axisLabel（“Y轴标签”）
.格式（d3.格式（“d”））
;
d3.选择（“样本1”）
.datum（myData（））
.transition（）.duration（500）.调用（图表）；
nv.utils.windowResize(
函数（）{
chart.update（）；
}
);
收益表；
});

您能给我们提供更多信息吗？我没有尝试过，也不知道您描述的问题是什么。当您将鼠标悬停在图表线上时显示的NVD3工具提示的格式不正确。好的，那么您使用的是NVD3？你能发布一个完整的例子吗？函数myData（）{var series1=[]；for（var i=1；i<100；i++）{series1.push（{x:i，y:100/i}）}返回[{key:“Series#1”，值：series1，颜色：“#0000ff”}}nv.addGraph（函数（）{var chart=nv.models.lineChart（）；chart.xAxis.axisLabel（“x轴标签”）；chart.yAxis.axisLabel（“Y轴标签”）.tickFormat（d3.format（“d”）；d3.select（“采样1”）.datum（myData（））.transition（）.duration（500）.调用（图表）；nv.utils.windowResize（函数（）{chart.update（）；}）；返回图表；}）；