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

时间:2013-12-10 16:41:12

标签: d3.js reveal.js

我正在尝试在Reveal.js演示文稿中使用您的图表,但工具提示格式已更改 - 我猜是通过Reveal 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;
});

0 个答案:

没有答案