Tag: 图
操纵d3网络图
我有关于d3网络图的问题。 说我有一个简单的，一个像我这里的jsFiddle 输入链接描述这里 ，图。并且Id喜欢有一个function，例如删除中间圆并连接第一个和第三个。 有人可以帮我这个吗？ [[‘L1’, ‘L2’], [‘L2’, ‘L3’]] 可能它不会被“硬删除”，但隐藏或不显示？ 因为我也想知道如何将中间的，删除的圆圈和原始图表带回来。 理想情况下，我希望有人帮我提供两个function的片段，其中一个将删除中间圆圈，另一个（按下按钮）会将其恢复。 此外，我们可以假设每个圆圈都有一个id，并且它们之间的连接也会有ID，如果这样会让事情变得更容易。
android上的flot：如何适应屏幕大小
我正在尝试使用flot在webview上绘制一些内容，但很难根据屏幕大小很好地拟合这个数字。 似乎只接受绝对大小，而我将其更改为相对大小，数字消失了： 您可以尝试的示例来自其他人： 在带有突出显示的Android WebView中使用Flot的条形图
Firefox – 收集LAB.min.js使用的数据
我有一个设备 – Stiebel Eltron热泵 – 家里，我可以通过网络界面跟踪它。 我只能访问上个月和当月。 但我想以数字方式保留所有数据，而不是让它像图像一样。
如何在图形的hover转折点上显示Y轴值
我正在使用java脚本和canvas制作图表。 下面是jsfiddle链接 http://jsfiddle.net/ghan_123/n0r796ae/ 我想在hover泡沫（转折点）上显示值 1月8日价格2100 java脚本 var CanvasChart = function () { var ctx; var margin = { top: 40, left: 75, right: 0, bottom: 75 }; var chartHeight, chartWidth, yMax, xMax, data; var maxYValue = 0; var ratio = 0; var renderType = { lines: ‘lines’, points: ‘points’ }; var render = function(canvasId, dataObj) […]
在迷你图条形图上添加图例和y轴值
我正在制作迷你图条形图 。 到现在为止我能够绘制一个简单的条形图，这里是Jquery代码： values = [0,8, 15, 10, 50, 25, 35, 70]; $(‘.sparkline’).sparkline(values, { type: ‘bar’, height: ‘200px’, barWidth: 20, barSpacing: 10, barColor: ‘#56aaff’, zeroColor: ‘#000000’, enableTagOptions: true, tagValuesAttribute: ‘data-values’, colorMap: [“red”, “green”, “blue”, “yellow”, “orange”, “#f2f2f2”, “maroon”, “pink”] }); HTML Loading… 请参考我在JSFIDDLE的代码。 现在我想在每个栏上添加图例名称和y轴值，如下所示。 sun，mon，tue是图例，条形图顶部的白色值是y轴值。 但我无法实现它。 任何帮助，将不胜感激。
jQPlot强制y轴上的静态最小值和最大值
我正在使用jqPlot来渲染条形图，我希望做一些相当简单的事情，但我不确定图书馆是否有这个选项。 我有这样的图形，其中y轴上的最大可能值可以是42。 假设对于一个案例，我对任何一个柱的最高值是14，那么图形将呈现为最多只显示14个。 但是，我想要这样，在所有情况下，我可以看到42的上限呈现。 这就是我现在所拥有的： var plot3 = $.jqplot(‘chart3’, [line1], { animate: true, animateReplot: true, seriesDefaults: {renderer: $.jqplot.BarRenderer}, series:[{ pointLabels:{ show: true, labels:[depression, anxiety, stress] }, rendererOptions: { animation: { speed: 3500 }, barWidth: 50, barPadding: -15, barMargin: 0, varyBarColor : true, highlightMouseOver: false } }], axes: { xaxis: { renderer:$.jqplot.CategoryAxisRenderer } }, canvasOverlay: { […]
绘图图表 – 使用flot.navigate插件同时拖动/缩放两个或多个图表
我在同一页面上显示了两个或多个flot图表，并使用flot.navigate插件进行拖动和缩放。 我可以独立于其他图表缩放和拖动单个图表，但我希望其他图表与应用导航操作的图表一起移动或缩放。 有些页面可能只有两个图表，其中一些页面在同一页面上有五个或六个 我的小提琴有两个图表显示，一个可以缩放（鼠标滚动）或只拖动一个图表。 任何想法或帮助都非常感谢。 谢谢。 http://jsfiddle.net/mashinista/cPNNJ/ $(function () { var d1 = []; for (var i = 0; i < Math.PI * 2; i += 0.25) d1.push([i, Math.sin(i)]); var data = [ d1 ]; var d2 = []; for (var i = 0; i < Math.PI * 2; i += 0.25) d2.push([i, Math.cos(i)]); var […]
如何使用jQuery和jQplot为图表添加动画（更新数据）
随着时间的推移，我通过更改数据并重新绘制它们来“动画化”图表。 // initialization var data = … var targetPlot = $.jqplot(‘#diagram’, data, diagramOptions); 一段时间后，我将以某种方式更改数据，并希望更新图表。 以下解决方案有效： // update Data targetPlot.data = …; // remove old diagram $(‘#container’).empty(); // redraw targetPlot = $.jqplot(‘#diagram’, data, diagramOptions); 这是一个完整的重绘。 由于存在大量数据和短暂的间隔，因此jQPlot占用大量内存并且图表闪烁。 怎么做对吗？ 使用redraw-function的解决方案只绘制旧图： // update Data targetPlot.data = …; targetPlot.redraw();
flot根据时间戳显示flot中的日期
有谁知道如何根据时间戳显示flot中的日期 $(function () { var d1 = [ [1262818800,100],[1262732400,100],[1262646000,100],[1262559600,100],[1262473200,100],[1262386800,100],[1262300400,100],[1262214000,100],[1262127600,100],[1262041200,100],[1261954800,100],[1261868400,100],[1261782000,100],[1261695600,100],[1261609200,100],[1261522800,95],[1261436400,110],[1261350000,110],[1261263600,110],[1261177200,100]; var d2 = [ [1262818800,23],[1262732400,23],[1262646000,23],[1262559600,23],[1262473200,23],[1262386800,23],[1262300400,25],[1262214000,25],[1262127600,25],[1262041200,25],[1261954800,25],[1261868400,25],[1261782000,25],[1261695600,25],[1261609200,25],[1261522800,25],[1261436400,10],[1261350000,10],[1261263600,10],[1261177200,10] $.plot($(“#placeholder”), [{data:d1,lines:{show: true},label:”Mountain”},{data:d2,lines:{show: true},label:”Valley”}],{yaxis: {label:”cm”}}, {xaxis: {mode:”time” }} ); });
