jjzjj

Visualization

全部标签

javascript - 将 Google Chart 保存为 SVG?

新的GoogleChartAPI将图表创建为SVG(而不是过去的PNG)。我希望能够保存生成的SVG。我该怎么做?如果我使用Chrome检查页面上的元素,我可以找到包含SVG的svg标签。我希望能够使用JavaScript获取生成的SVG。我不希望在HTML源代码中搜索JavaScript中的svg标记,如果有一种方法可以直接从图表对象(也许是ChartWrapper类?)获取SVG字符串,那会更好。 最佳答案 显然,这不受GoogleChartsAPI支持(引用1、2和3)。我创建了以下hack来获取SVG字符串作为解决方法。以下

javascript - JavaScript 准备好可视化大型数据集了吗?

我们有一些数据(10-50列,数十万行),我们通常在Excel中将其可视化为折线图或堆积条形图。用户希望能够放大和缩小图表以查看单个样本,但这类操作确实让Excel陷入困境。我正在考虑将数据嵌入到HTML页面中,使用内联JavaScript来处理浏览器中的可视化。图表将利用诸如flotrJS图表库之类的东西。这是一个愚蠢的想法吗?浏览器是否为这种负载做好了准备?这是一个已解决的问题,我应该在提问之前更彻底地搜索一下吗? 最佳答案 Javascript可能已经准备好了,因为javascript本身已经变得相当快了。根据我的经验,浏览器

javascript - 加载图表后如何获取 Google Visualization DataTable 数据?

我想从页面抓取GoogleChart数据,将其转换为CSV,然后将其交给下载程序。在chartpage.js中functiondownloadCSV(args){varcsvData,filename,link;varaction=args.action_name;varcsv=convertArrayOfObjectsToCSV({action_name:action});filename=args.filename||'export.csv';csvData=encodeURI(csv);link=document.createElement('a');link.setAttrib

用于动态网络可视化的 JavaScript 库?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion什么是用于时间演化/动态图/网络可视化的优秀JavaScript库?我的数据是source->destinationattime三元组的形式,如下所示A->Bat100B->Cat101A->Dat104C->Dat105...我希望在屏幕上看到由边连接的点的动画,边随着时间的推移闪烁。我也很高兴为即将到来的开源库做出贡献。说明:我所说的图是指由一组边连接的一组节点,

javascript - D3 IE8 兼容性?

有没有办法让D3兼容IE8?这里和文档中的许多帖子都建议使用aight。https://github.com/shawnbot/aight/blob/master/aight.js但是,我在我的html中添加了提到的行/文件,但这在ie8中仍然不起作用。http://matthewpiatetsky.com/jsdemo.html有人知道我是否需要采取任何其他步骤吗?或许使用r2d3?不确定该怎么做,但会尝试弄清楚 最佳答案 D3使用SVG来绘制图形,因为IE8不支持SVG,所以它不会工作。我想试试R2D3,它通过Raphael填充

javascript - 谷歌图表 : One Tooltip for Entire Column

我有一个使用GoogleCharts的基本面积图.我可以为图表上的每个点设置工具提示,但有没有办法为一列中的所有点设置一个工具提示。这是所需行为的屏幕截图:您可以看到,当光标位于图表上的一个点上时,会绘制一条垂直线,并显示一个工具提示来描述该列中的所有数据(两条线的数据)。查看liveexample如果需要,请点击此处。这可以通过GoogleCharts实现吗? 最佳答案 您需要做的就是将以下内容添加到您的选项中(在折线图的情况下):focusTarget:'category'这是一个例子(只需打开GooglePlayground并

javascript - 使用 Crossfilter 和 D3 重绘直方图

我正在调整Crossfilter库可视化我从Olympics收集的一些推文.我试图通过两种方式从本质上扩展初始示例:我不想显示基于原始数据集的航类列表,而是想显示另一个数据集中的项目列表,该数据集以交叉过滤器当前选择的项目为键。在不同数据源之间切换并重新加载直方图和表格。我已经让第(1)部分按计划工作了。但是,第(2)部分给我带来了一些麻烦。我目前正在通过选择要显示的新“运动”或选择新的摘要算法来更改数据集。在切换其中任何一个时,我认为我应该首先删除以前创建和显示的过滤器、图表和列表,然后重新加载新数据。但是,作为前端可视化的新手,尤其是D3和Crossfilter,我还没有想出如何做

javascript - 结合 d3.js 和 backbone.js

我正在开发一个项目,它将所有d3.js可视化与backbone.js结合到一个页面应用程序中。由于我有很多可视化效果,例如条形图、饼图等,我想知道解决这个问题的最佳方法是什么。例如,假设我有两个条形图和一个饼图。我是否应该将所有设置的边距、比例、渲染所有图表的所有数据放在一个View中?既然有两种不同类型的图,模型应该是什么?View、Model、Controller、Collection等应该放什么?提前致谢 最佳答案 我研究了一些D3和Backbone的结合,并且有一些现有的解决方案:OverviewpresentationSh

javascript - Google Charts - 折线图工具提示中的格式化日期

在GoogleCharts中,有没有一种方法可以更改工具提示值的日期格式,而无需使其成为HTML工具提示。例如,默认情况下我得到这个:但我真正想要的是:图表代码如下:data_table=google.visualization.arrayToDataTable(graph_data_raw);chart=newgoogle.visualization.LineChart(document.getElementById('DivGraph'));chart.draw(data_table,{hAxis:{ticks:x_ticks,format:'MMMd,y',},});

javascript - Google Charts - 避免在 yAxis 中显示负值

我有以下代码:functiondrawVisualization(){//Createandpopulatethedatatable.vardata=google.visualization.arrayToDataTable([['Year','People'],['2010',0]]);//Createanddrawthevisualization.newgoogle.visualization.ColumnChart(document.getElementById('visualization')).draw(data,{title:"YearlyCoffeeConsumption