草庐IT

可视化图表

全部标签

javascript - 在 Google 图表烛台图中使用 DateTime 而不是 Date

我正在尝试使用日期时间而不是日期来使用Google-chartAPI构建图表。基于Google的示例(sample)vardata=newgoogle.visualization.DataTable();data.addColumn('date','Date');data.addColumn('number','Stocklow');data.addColumn('number','Stockopen');data.addColumn('number','Stockclose');data.addColumn('number','Stockhigh');data.addRows([[n

javascript - 谷歌可视化堆积面积图 : Add total to tooltip

我正在使用谷歌可视化API创建堆积面积图。当用户将鼠标悬停在图表内的一个点上时,我希望它显示该位置点的总和,以及这些点的值。第二点,我可以通过指定选项focusTarget:'category'轻松实现。我希望在类似的外观和感觉中,在total的工具提示中多一行。我尝试通过添加一个名为Total的额外列来实现此目的,该列的值为0,但工具提示等于总和。然而,这会向图例和图表本身添加一个空行,这在视觉上并不吸引人。我觉得这应该是开箱即用的东西,但我找不到解决这个问题的方法。如果有人知道解决这个问题的好方法,请回答。提前致谢。 最佳答案

javascript - Rails + 图表.js : How to fill out the Javascript array with value from database?

我想使用Google可视化图表将信息显示为图表。将值设置到图中的javascript函数如下所示:functiondrawLineChart(chartType){if(chartType==undefined){chartType='data1';}vardata={data1:[['Year','Sales','Expenses'],['2004',1000,400],['2005',1170,460],['2006',660,1120],['2007',1030,540]]};...}我的问题是,我不知道如何用数据库中的值填充这样的数组-有什么提示吗?非常感谢

javascript - 用 Dart 可视化?

我的工作涉及大量的可视化。我一直在用D3.js和JavaScriptInfovistoolkit我最近了解到Dart如何成为开发Web应用程序的新方法。Q1。Dart是否提供任何用于可视化的库(某种级别的D3.js或JavaScriptInfovistoolkit)?Q2。如果我继续使用Dart,我可以使用D3.js吗?/JavascriptInfovistoolkit与Dart一起?编辑:我在互联网上发现wecanuseJavascriptalongwithDart.我经历了DartFAQ,但无法真正找到与可视化库或D3.js本身相关的任何内容。 最佳答案

javascript - 如何创建具有 100% 宽度和高度的 Google 图表?

这个问题在这里已经有了答案:CSS100%heightwithpadding/margin(15个答案)关闭8年前。如何创建宽度和高度均为100%的Google图表?例如,我已经尝试使用明显的width:100%但这不起作用。

javascript - 如何将本地 Excel 文件数据传递给 Javascript 数组(用于谷歌图表)?

我有一个简单的问题,但找不到简单的解决方案:我有一个Excel文件(始终相同),其中包含几个非IT同事希望能够更新的工作表,以便它也更新Google图表(或您可以建议我的其他图表API)网页。(顺便说一句,我只需要每个工作表的特定部分,所以如果你知道一种方法来只提取我需要的部分,那就太好了:))我想避免进行服务器端操作,但这可能是不可能的,因为我想读取本地文件。我已经研究过使用xlsx.js转换为JSON或加载为base64字符串的方法,但我发现没有什么简单的方法可以让我的同事轻松使用。非常感谢。编辑我找到了一种方法来做我想做的事情,所以如果它可以帮助任何人:首先,我将我需要的所有数据

javascript - 如何在 Angular 图表条形图中使用纯色条

我正在使用angular-chart(基于chart.js)创建一些条形图,但无法获得我想要的条形样式。我希望条形图是这样的纯色:但我不知道如何摆脱chart.js默认添加的alpha:我的html看起来像这样:和javascript:angular.module('myApp',['chart.js']).controller('myController',[function(){varctrl=this;ctrl.socialChart={options:{legend:{display:true}},labels:['2012'],series:['FACEBOOK','GOOG

javascript - 在图表中设置背景颜色

我正在使用主题,但我想将图表周围的背景颜色设置为白色或透明或其他颜色。我正在尝试这段代码:varmyTheme=dojox.charting.themes.PlotKit.orange;myTheme.fill="white";chart10.setTheme(myTheme);chart10.addPlot("default",{type:"Pie",labelOffset:-30,radius:150,startAngle:45,font:"normalnormal10ptTahoma",fontColor:"black",labelWiring:"grey",labelStyle

javascript - 在 Highcharts 的图表中只添加一个可点击的点?

我看过Highcharts的文档,但找不到任何仅向图表添加一个可点击点的示例。没有意义或所有这些都是可点击的。是否可以只绑定(bind)一点点击?提前致谢! 最佳答案 这不是很明显。您知道可以将数据作为Point对象数组传递给图表,如下所示:series:[{data:[{name:'Point1',x:0,y:1},{name:'Point2',x:1,y:5}]}]但是你可能不知道任何Point都可以有自己的事件。所以你可以这样做:series:[{data:[{name:'Point1',x:0,y:1,events:{cli

javascript - 无法在移动设备上滚动 amcharts 图表

所以我有一个图表,在移动设备上时跨越100%,但是当试图通过触摸图表并滑动它来滚动屏幕时,它只会触发一个事件而不是滚动。例如,如果我尝试滚动饼图,它会显示饼图的气泡。有没有我可以禁用的事件来缓解这个问题? 最佳答案 解决方法是在图表中设置一个选项"panEventsEnabled":false 关于javascript-无法在移动设备上滚动amcharts图表,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.