Tag: 图表

带日期的D3平移图表: 我试图获得一个基于多行日期的图表，以便在X日期轴上很好地平移，我根本无法弄清楚问题是什么。我在代码中设置了缩放行为，但它没有按预期执行。如果单击一行中的一个点并滚动它似乎是滚动轴，如果它单击轴上的标签它也会滚动但实际的数据可视化不会滚动。 var zoom = d3.behavior.zoom() .x(x) .scaleExtent([1, 1]) .on(“zoom”, function () { svg.select(“.x.axis”).call(xAxis); svg.select(“.lines”).call(xAxis); }); svg.call(zoom); 此外，如果您直接点击背景，鼠标事件似乎根本不会让它完全通向控件。我在这里读了几个例子，每个人都采用了一种截然不同的方法，我已经尝试过，但没有一个方法可以用于我的图表。可能存在许多问题作为使这种工作成为障碍，因此我认为解释问题的最佳方式是在JsFiddle中。 D3图表平移小提琴我想要实现的是当有大量数据可视化时，图表可以适应数据集并允许数据超出图表的范围。

谷歌图表重绘onclick: 我正在尝试制作一个图表，通过各种下拉菜单和日期选择器可以从中选择数据。我似乎找不到在点击事件中传递图表中的新数据的方法。到目前为止我已经开始工作了onClick，它绘制了一个全新的图表。但这似乎不是我的方式。那么有另一种方法可以做到这一点吗？ HTML： Jaar 2015 2014 2013 JS： google.load(“visualization”, “1”, {packages:[“corechart”], “callback”: drawChart}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ [‘Task’, ‘Hours per Day’], [‘Work’, 1], [‘Eat’, 22], [‘Commute’, 32], [‘Watch TV’, 42], [‘Sleep’, 75] ]); var options = { chartArea: {width:’100%’,height:’100%’}, forceIFrame: ‘false’, is3D: ‘true’, pieSliceText: ‘value’, sliceVisibilityThreshold: 1/20, // […]

Chart.js 2.0使用货币和数千个分隔符格式化Y轴: 我在格式化图表轴时遇到问题，我无法找到更新版本2.0的示例。我如何（例如）2000000到€2.000.000？我的小提琴： https ： //jsfiddle.net/Hiuxing/4sLxyfya/4/ window.onload = function() { var ctx = document.getElementById(“canvas”).getContext(“2d”); window.myBar = new Chart(ctx, { type: ‘bar’, data: barChartData, options: { title: { display:true, text:”Figure” }, legend: { position: “bottom” }, tooltips: { mode: ‘label’, bodySpacing: 10, cornerRadius: 0, titleMarginBottom: 15 }, scales: { xAxes: [{ ticks: {} }], yAxes: [{ […]

我在哪里可以找到用于创建组织结构图的jQuery或Ext插件？: 我知道我们可以使用Google Chart Tools创建组织结构图。但我的客户端服务器没有Internet连接。是否有用于创建组织结构图的jQuery或Ext插件？

如何使用Chart.js显示折线图数据集点标签？: 我有一个设计要求，要显示包含5个趋势数据数据集的折线图。沿着笔划线的每个数据值需要在其各自的数据点处显示数据值标签。不幸的是，我无法在Charts.js中找到满足此要求的选项。有没有可以帮助我的解决方法？我也把这个发布在小提琴上： http ： //jsfiddle.net/s9eannLh/ 非常感谢！ var data = { labels: [“”,”Jun 2013″,”Jul 2013″,”Aug 2013″,”Sep 2013″,”Oct 2013″,”Nov 2013″,”Dec 2013″,”Jan 2014″,”Feb 2014″,”Mar 2014″,”Apr 2014″,”May 2014″], datasets: [ { label: “hemoglobin_1”, title: “test”, fillColor: “transparent”, strokeColor: “#65204c”, pointColor: “#65204c”, pointHighlightStroke: “#FFF”, data: [null,5.7,5.7,5.8,5.7,5.8,5.7,5.9,6.7,6.7,6.5,6.4,6.4] }, { label: “hemoglobin_2”, fillColor: “transparent”, strokeColor: “#ed7141”, pointColor: “#ed7141”, pointHighlightStroke: […]

使用超过100k节点的JavaScript绘制组织结构图的最佳方法: 任何人都可以建议我如何绘制超过100k节点的组织结构图，而不会遇到浏览器崩溃或无响应的页面错误问题。注意：它是一个二叉树图表，因此每个父节点只有两个子节点到目前为止我做了什么： 1）使用谷歌图表API绘制图表：失败：即使我在每个ajax调用上加载了5k个节点，它也会在节点限制超过大约20k时失败 2）canvas和svg：使用d3.js：它的工作正常，而节点大小约为50-100但在加载20k及更多时失败。而主要的缺点是管理节点的路径虽然它使用SVG来构建图表所以请有人帮我搞清楚，所有js，canvas，svg都适用于小数据，但都无法对付大数据这就是应该如何使用大数据绘制图表。

在Flot饼图中删除切片之间的白线: 如何在Flot pie chart删除slices和background之间的white line ？我的jsfiddle 正如你所看到的那样：我希望它看起来像那样（忽略我糟糕的艺术技巧）：我的代码： $(function () { var data = [ { label: “Read”, data: 50, color: ‘#614E43’ }, { label: “Unread”, data: 150, color: ‘#F5912D’ }]; $.plot($(“#star”), data, { series: { pie: { radius: 0.2, innerRadius: 0.125, show: true } } }); });

响应式Google图表的最佳做法: 我在我的网站上有这个谷歌图表。现在这是一个Scatter图表，但我想要所有类型的图表的解决方案。例如，如果您使用700像素宽的窗口加载网站，则图表尺寸不响应：图表太宽。以下是我正在使用的代码。你能帮助我吗？谢谢 HTML： CSS： #chart_div { width:100%; height:20%; } JS： var options = { title: ‘Weight of pro surfer vs. Volume of his pro model’, hAxis: {title: ‘Weight (kg)’, minValue: 53, maxValue: 100}, //55 vAxis: {title: ‘Volume (l)’}, //, minValue: 20, maxValue: 40}, //20 legend: ‘none’, width: ‘100%’, height: […]

JQPlot堆叠条形每个堆叠标签计数而不是累积（增量）计数: 我想显示标签文本而不是每个标签的分段总数。比如，2,7,14应该是堆叠的条形，有2个，7个，14个，然后是23个。但目前在exmaple中它显示了段总数 – 第一个栏为空，然后是2,2 + 7 = 9，总计= 23（9 + 14）。 JQ图显示（堆积条形图 – 第3图）： http ： //www.jqplot.com/tests/bar-charts.php 我想像标签计数的高图一样这个url见示例： http ：//www.highcharts.com/demo/column-stacked 请告诉我，如果我可以使用解决方案那么这将是很好的帮助……

在网上提供图表的最佳方式？服务器端或客户端库？ HTML5？: 您建议在网上提供图表（基于行）？随着时间的推移，我需要制作类似于燃尽图表或股票的东西。服务器端是django并使用jquery作为客户端的东西。使用像pychart或其他python图库这样可以产生svg或png并显示它的东西有什么好处？或者在表格中提供数据并使用jquery的可视化或高图来使用javascript生成图表？我想在图表上放置可点击的点，或者在特定转弯处显示更多信息。 HTML5提供了哪些选项，是否内置了对图表的支持，或者我只能使用canvas吗？谢谢你的帮助。编辑/更新。谢谢大家的建议。