nvd3.js

    0热度

    1回答

    我试图在一个svg元素中动态地创建不同类型的nvd3图表(主要是因为我想动态切换图表类型)。为此,每次更改图表类型时,我都会删除我的svg-Element的每个子项并添加新图表。 这一切都很好,问题来了,当我调整我的窗口,并调用chart.update通过nv.utils.windowResize。出于某种奇怪的原因,在此过程中,旧图表会再次添加到DOM中,并显示2个图表。 这里的效果图片: 下面

    0热度

    1回答

    我有一个折线图nvd3。 它正常工作时,我有少点,但我得到一个JavaScript错误,当我有更多的点: Cannot read property 'x' of null 下面是更多的数据的情况下,全HTML中失败: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" />

    0热度

    1回答

    的nvd3 linePlusBarChart允许使用多个yAxis,这也是在其示例here(和在所述角度nvd3示例here)中所示。在这些示例中(请参阅强化程序),它们只是使用两个系列的数据,它们会自动映射到各自的yAxis之一。对我而言,虽然这不会发生。 我的数据是这样的: [ { "key": "Series 1", "bars": true, "va

    0热度

    1回答

    冉从角NVD3的“实时编辑”区这个例子。 http://krispo.github.io/angular-nvd3/#/ 我Plunkr打开一看:Stacked Area Chart 按文档,则需要添加以下代码,隐藏x和y轴。 showXAxis: false, showYAxis: false, 你可以后的行号19添加它(在plunkr - > app.js) 加入上面的代码后,这是行不通

    0热度

    1回答

    我想根据d中存在的属性将tspan添加到g元素。 var nodes = tree.nodes(root).reverse(), links = tree.links(nodes); nodes.forEach(function(d) { d.y = d.depth * 180; }); var node = svg.selectAll("g.node") .data(

    0热度

    1回答

    我对D3和JavaScript非常陌生,我试图建立一个基本的圆环图,但是这个错误非常严重。我可以看到值进入donutChartData,但仍然无法在浏览器上显示图表。 线上发生错误.call(donutChart); 例外: Uncaught TypeError: Cannot read property 'apply' of undefined at Array.Co.call (d3

    0热度

    1回答

    正如主题所述,我只是想根据y轴的值自定义每个栏的颜色。 的价值颜色的范围是: 0-50:绿色 50-75:黄 75-100:红 我试图寻找此Google上的主题很多,但找不到任何结果。 这个stackoverflow question是最接近我的答案,但它不适用于nvd3。如果是的话,请告诉我应该在哪个位置添加功能。 我的代码如下: - HTML: - <nvd3 options="options

    1热度

    1回答

    我想创建一个饼图,右边的图例与所有项目垂直分割成每行一行。我其实epecting是legendPosition = right会做到这一点,但它似乎是传说中只放置在图表的浮动路权: 期待了卖出期权

    0热度

    1回答

    我正在使用nvd3-multi-bar-horizo​​ntal聚合物标签元素进行图绘制。 我找不到任何选项或属性来添加动作,如在酒吧onclick。 任何人都可以提出任何选择吗?我知道它可以使用本机nvd3库来完成。但作为一个聚合物项目,我必须使用这个聚合物组件。

    -1热度

    1回答

    有没有什么办法可以动态地(通过Javascript)选择NVD3 lineChart的线条(或图例中的放射线)?我一直在查看文档30分钟,并且找不到任何东西! 更新: 为了澄清,“选择行”我的意思是,有放射状按钮的传说,你可以选择一个或多个的子午线轮胎的,它只会显示在所选择的线路图形。我想创建一个按钮来自动选择这些放射线的一个子集,因此只显示那些线。我猜“选择行”应该是“显示行”