首页 > TAG信息列表 > nvd3-js

Javascript-d3.js-未捕获的TypeError：无法读取未定义的属性’data’

我一直无法解决2个错误,我一直无法解决…我正在尝试根据一些后端数据构建散点图.后端向我发送了一个Javascript对象(tabularData),其中包含我需要的信息,并使用它来创建图形. 我正在使用ExtJS 4.2.2以及d3.js和nv.d3.js的最新版本 第一个错误是未捕获的typeerror,似乎抱怨nv.d3.js

javascript-angular-nvd3-directives饼图nodata不刷新视图

我正在使用angular-nvd3-directives图表. 我正在使用siteId(作为x轴)和usersCount(作为y轴)的值列表设置饼图.该应用程序通常从一组(siteId,usersCount)对象的列表开始.该应用程序允许用户更改网站集列表-(siteId,usersCount)列表,当新列表被加载且其中没有数据时,该饼图将打印noda

javascript – 甜甜圈饼图 – 添加标题 – NVd3.js

我正在探索NVD3.js库.令我惊讶的是,它能在多快的速度下生成. 但有时似乎很难改变图表.在这种情况下,我想为我的图表添加标题. 另外,我想在工具提示中添加其他数据.所以在悬停时,它还会在我的数据中包含注释. 数据样本： var data = [ { key: "Loans", y: 52.24 note: "Expect

javascript – NVD3.js yAxis和tooltip不同的percision

我正在使用NVD3.js来显示多线图. 我希望yAxis显示为2位十进制数 编辑的答案 var chart; nv.addGraph(function () { chart = nv.models.lineChart() .options({ margin: { left: 140, bottom: 50 }, x: function (d, i) {

javascript – 生成完整的日期对象数组

问题 我正在使用nvd3来呈现一些特定于日期的数据.但是,如果没有特定日期的数据,则不存在任何记录,并且nvd3不会呈现该数据点,而是在存在的数据点之间进行插值.因此,我需要生成缺少的日期,以便nvd3显示没有与之关联的数据的日期. 我想做的事 我需要生成一个如下所示的数组： [ {year:

javascript – 用于nvd3散点图的自定义x轴工具提示

我正在使用nvd3 Scatter Chart,我看到可以使用以下功能自定义工具提示内容. chart.tooltipContent(function (key, x, y, e, graph) { return '<p><strong>' + key + '</strong></p>' + '<p>' + e.value + ' in the

javascript – 如何将字符串值添加到nvd3折线图x轴值？

我正在使用nvd3在我的角度js应用程序中创建条形图.这是脚本部分 <script> var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']); function ExampleCtrl2($scope){ $scope.exampleData2 = [ { "key&quo

javascript – 如何在NVD3饼图上显示百分比％？

我一直试图在NVD3 Pie Chart上显示百分比,但我不知道怎么做…我正在寻找像this这样的东西 首先,是否有图形选项或在饼图的每个部分内显示某些内容的方法？如果是,是否有显示百分比而不是确切值的选项？ 谢谢,享受你的周末！解决方法:我假设您已经能够使样本NVD3 Pie Chart正常工作. 据我

javascript – 使用django-nvd3进行制图,图表未显示

所以我一直试图用django-nvd3在django中显示一个图表.它与django-nvd3介绍中的代码基本相同.但它没有显示图表,它只打印显示图表所需的javascript.我希望有人可以指出我正确的方向. 我可以看到脚本被找到了. Firebug在标题中显示d3.min.js和nv.d3.min.js的内容.我也尝试使用jquery

javascript – 如何将NVD3条形图转换为区域线图？

我的plnkr 目前我的NVD3图表基于他们的linePlusBarChart. 问题是,在我的真实应用程序中,我实际上有更多的条形数据(4000),因此条形变得超薄并且很难看到,因此我需要改为使用线条区域图. (这在我的plnkr示例中并不明显,因为它对条形图使用了一个小的假样本大小.) 有没有其他人试图

javascript – NVD3 – 在轴上配置刻度

我有一个nvd3折线图,显示时间序列,无法在x轴上得到正确的刻度. 对于更长的时间跨度,它按预期工作.但对于较短的时间跨度(此处：12/31/05至01/01/06),多个刻度显示相同的日期： 请看一下code for this chart on JSFiddle 我希望图表只显示数据点的刻度,而不是之间.用折线图可以吗？根据我

javascript – 如何为NVD3图表设置工具提示的样式？

引用NVD3框架.我正在尝试为下面列出的饼图添加自定义工具提示： var app = angular.module('plunker', ['nvd3']); app.controller('MainCtrl', function($scope) { $scope.options = { chart: { type: 'pieChart', height:

javascript – d3.js nvd3.js – 获取y轴最小/最大值

我正在使用NVD3的lineChart模型. 我需要强制设置相对于实际值的最小和最大y轴值,例如： chart.lines.forceY([分钟/ 1.1,最大* 1.1]); 如何获得当前的最小/最大y轴值？解决方法:您可以通过chart.yAxis.scale().domain()获取当前域.

javascript – NVD3为饼图的单个切片创建单击事件

我正在使用NVD3来创建饼图. 用于生成饼图的代码： nv.addGraph(function() { var chart = nv.models.pieChart().x(function(d) { return d.label }).y(function(d) { return d.value }).showLabels(true); d3.select("#chart svg").datum(exampleData()).transitio

javascript – nvd3显示大黑点,而不是完全渲染

我正在尝试使用d3.js和nvd3创建折线图,但我不断收到渲染错误,这似乎导致多个元素被错误地绘制,或者根本没有. 错误控制台中显示的错误是错误：解析d =“MZ”时出现问题 在查看nvd3的代码后,我发现代码使用L连接顶点列表(因此正确点的示例将是d =“M0 0L1 1L1 0Z”) 我创建图表的代码

NVD3 javascript：为散点图中的点添加颜色

我试图从一些具有x,y和z值的数据制作散点图. 我的代码与NVD3网站上的示例相同, http://nvd3.org/ghpages/scatter.html,除了我还计算z值.让我们说z = x y.我想通过在两种颜色之间插值来设置颜色,而不是改变半径的值. 所有点都显示在图表上,但我无法弄清楚如何为各个点设置颜色,仅适