草庐IT

pie-chart

全部标签

javascript - Chart JS - xAxes 的使用时间

我添加了这段代码scales:{xAxes:[{type:'time',time:{unit:'month',displayFormats:{month:'MM'},max:'2017-10-0918:43:53',min:'2017-10-0218:43:53'}}]},选项,但它不起作用。知道我做错了什么吗?FIDDLE->https://jsfiddle.net/o473y9pw/ 最佳答案 由于您希望在x轴上使用时间,因此您的labels数组应该是日期/时间字符串数组(labels数组对应于x轴)。您还需要设置parser属

javascript - Google Chart API - Google 财经图表

我一直在尝试创建一个类似于Google'sFinanceCharts的图表.AnnotatedTimeLineChart我几乎得到了我想要的一切,除了我似乎无法弄清楚如何合并他们在图表底部的数量信息。我想知道是否有人知道如何执行此操作或在哪里查看,我一直在他们的API周围寻找,但似乎找不到。 最佳答案 某人,一个真实存在的人——不在Stack上,建议:http://www.humblesoftware.com/finance/index以此为答案。 关于javascript-Google

javascript - 在 Google Charts 中格式化图例和轴

我是GoogleCharts的新手,我无法通过图表周围的文本获得良好的结果。这是我的图表的样子:如您所见,它确实同时切割了水平轴和图例,因此最终结果并不尽如人意。有办法解决这个问题吗?我一直在阅读officialdocumentation和这里的一些帖子,但我还没有找到这样做的方法。回顾:我们如何修改图例或轴文本以使其完全可见? 最佳答案 经过一段时间的试验,我敢说无法选择可以显示图例或轴上文字的多少部分。但是,您可以调整它们的大小和位置,这样您或多或少就能得到我们想要的东西。这是可以做到的:legend:{position:'to

javascript - 如何在 Google 饼图图例中添加百分比和总计

我有一个以饼图形式显示数据的页面。我使用谷歌图表来做到这一点。这是代码:google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=google.visualization.arrayToDataTable([['GoalName','No.oftimesRequested'],['Frank.netLifeCover',226],['Frank.netHospitalCashBack',147],['F

javascript - D3 中的饼图( donut )图段顺序

我有一个使用d3构建的圆环图和一个jQueryslider,允许用户在不同的数据点之间进行选择。该图表动画化了数据值之间的转换,一切都很好。问题:片段总是按逆时针大小顺序呈现(从大到小)。这意味着段根据它们的大小在图表中切换它们的位置。这种行为让用户感到困惑,但不幸的是我不知道如何改变它。我希望这些片段保持在它们的初始位置。工作js-fiddle:http://jsfiddle.net/kerplunk/Q3dhh/我相信问题一定出在执行实际补间的函数上://Interpolatethearcsindataspace.functionpieTween(d,i){vars0;vare0;

javascript - Highchart : in bar chart, 如何根据数据增加柱线?

相关代码:http://jsfiddle.net/h6qrbpwo/10/$(function(){varchart;vard=1;varindex=0;functiongetYValue(chartObj,seriesIndex,xValue){varyValue=null;varpoints=chartObj.series[seriesIndex].points;for(vari=0;i(注意:此JSFiddle仅用于演示目的。)我想要一个条形图,条形图带有动画增量(即只有部分增加)而不是重新绘制整个条形图。提前致谢。 最佳答案

javascript - Google Combo Chart 在柱形图中添加水平和垂直线

如何创建复制下图的Google组合图表?似乎一旦我为垂直线添加列,绿色列就会失去其groupWidth属性并变成细线。data.addColumn('number','X');data.addColumn('number','Y');data.addColumn('number','Average');data.addColumn('number','VerticalLine');data.addRows([[1,5,3,null],[3,4,3,null],[5,2,3,null],[2,null,null,0],//addverticalline[2,null,null,5],])

javascript - 饼图、条形图、线 : SVG/VML better than Canvas

我需要为“标准”图表选择一个库:饼图、折线图和条形图。根据我的阅读,在我看来最好的格式是SVG/VML,例如Highcharts。SVG正在成为所有主要浏览器的标准,现在IE9接受了它。它似乎比Canvas更容易重新缩放和导出。不过,我看到有几个图表库依赖于Canvas。我错过了什么吗?对于此类应用程序,是否有任何理由考虑使用Canvas而不是SVG? 最佳答案 您通常可以使用其中任何一种获得相同的结果。两者最终都为用户在屏幕上绘制像素。主要区别在于HTML5Canvas使您可以对结果进行像素级控制(读取和写入),而SVG是一种保留

javascript - 是否有像 Google Charts 这样的 SVG map 库?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我正在寻找可以按国家/地区着色的大型世界地图。GoogleCharts有一个API,但它只允许您生成一个小map(440x220像素)。有谁知道使用开源库生成此类map的方法吗?

javascript - 如何将 Google Chart 与来自 csv 的数据一起使用

我有一个看起来像这样的csv文件:week,value1,value21,2,32,7,9我想使用谷歌图表绘制它的堆叠图(周是我的x(水平)值,values1和values2是两组y)。不幸的是,我没有找到任何简单的方法来做到这一点。这可能与我完全是js菜鸟有关。有什么简单的方法可以做到这一点吗? 最佳答案 jquery-csvlibrary提供将csv字符串转换为数组以供google.visualization.arrayToDataTable()使用的能力(他们的例子here)。为了使这项工作有效,将jquery.csv.js添