草庐IT

javascript - Chart.js - 多折线图 - 只显示最后一个图表

我正在使用chart.js在一页上显示多个折线图。然而,只有最后一张图表显示,尽管我将它们命名为#canvas1和#canvas2。某处一定有冲突,我已经尝试了大多数事情,但没有任何快乐。这里有两个图表,它只显示最后一个:图一varlineChartData={labels:["January","February","March","April","May","June","July","August","September","October","November","December"],datasets:[{label:"Target",fillColor:"rgba(220,

javascript - JavaScript 中的 SVG 图表生成

我正在寻找一种使用SVG生成饼图的方法。我的数字很简单-只是百分比,一组显然加起来等于100的数字。我对SVG有基本的了解,但我想不出如何将这些数字转换成有意义的坐标以在路径标记中使用任何人都可以指出一个有用的实用程序或库,或者就如何使用百分比在JavaScript中绘制饼图提供任何提示吗? 最佳答案 归功于https://stackoverflow.com/a/3642265/309483和http://jbkflex.wordpress.com/2011/07/28/creating-a-svg-pie-chart-html5/

javascript - 谷歌图表需要很长时间才能加载

我正在使用谷歌图表google.load("可视化","1",{packages:["corechart"]});但是在检查网络使用情况时我发现加载时间很慢format+en,default,corechart.I.js加载大约需要6秒。任何解决方法来减少这个时间,为什么这个文件没有被缓存并且每次都从谷歌再次获取。 最佳答案 很遗憾,根据谷歌的服务条款,您无法合法地缓存/存储库。Yourusers'computersmusthaveaccesstohttps://www.google.com/jsapiinordertousethe

javascript - 类似谷歌的股票图表/折线图

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我正在寻找类似于GoogleChart(example)的特定样式的Javascript或SVG图表库我已经搜索了一段时间,但找不到任何与这种风格非常相似的东西,我很好奇是否有人可以指出正确的方向以实现类似的最终结果。我查看了GoogleVisualizationAPI并尝试制作LineChartinJSFiddle但似乎无法复制那种设计风格。有什么建议吗?SeeEx

javascript - 仅从 HighCharts 禁用打印图表选项

我有一个DotNetHighchart,带有打印图表、下载为PDF等常用选项。我只想删除打印图表选项,这在以前版本的highchart中似乎很容易使用.SetExporting(newExporting{Buttons=newExportingButtons{PrintButton=newExportingButtonsPrintButton{Enabled=false}}}但由于我不知道的原因,更新后的highcharts模块只允许在ExportingOptions中使用一个类....SetExporting(newDotNet.Highcharts.Options.Exportin

javascript - jQuery FLOT图表动态Y轴

我有一个图表,它根据最后100个数据点计算最大Y轴值,然后成功绘制...但有时,正在进行的绘图的运行总计(绘制新数据点延迟5秒)超过当前最大限制。有没有办法在图表上绘制新点时让Y轴动态缩放?这是一个关于如果超过当前Y轴如何动态缩放图表的Y轴的有效问题,因为图表是随时间绘制的,每5秒添加一次新点,我问的是如何缩放如果Y轴达到当前最大Y轴值以上,则Y轴适合新绘图数据。更新:这是我使用的代码(Json返回的数据)以及绘图更新计时器:“highY”从数据库中获取最后100个数据点并将最大值设置为最高计数+10%$(function(){varstr1=[],totalPoints=300;va

javascript - 如何使用 dc.js 创建单行堆叠行图表?

关于DC.jsgithub,StockMarketSelectionStrategybyLonRiesberg被列为使用dc.js库的示例。Lon能够创建堆叠的行图表并将其显示为单行。我希望能够完成同样的事情。我只能弄清楚如何创建一个行图,如图所示inmycodepen,及以下。HTMLJavascriptitems=[{Id:"01",Name:"Red",Price:"1.00",Quantity:"1",TimeStamp:111},{Id:"02",Name:"White",Price:"10.00",Quantity:"1",TimeStamp:222},{Id:"04",N

javascript - 谷歌图表 : passing dates without using Date()?

总结我正在尝试在GoogleCharts中制作一个以日期为X轴的折线图。我已经对所有内容进行了排序,但它需要将日期传递为Date对象,即newDate(2005,3,13).有什么方法可以将其作为Unix时间戳或字符串传递吗?更多详情所以我有一堆用PHP编写的数据要用图表表示。我正在获取数据并将其排列成一个数组,其格式将在运行json_encode()时生成正确的JSON格式。,根据theGoogledatadocs:$graph_data=array('cols'=>array(array('id'=>'date','label'=>'Date','type'=>'datetime'

javascript - 如何获得基于 Javascript 的图表库的渲染性能?

前言我是Javascript编程的新手,但我已经使用各种库有一段时间了。我的任务是获取各种图表库的性能指标,以根据一些可用的库(例如AmCharts、HighCharts、SyncFusion等)找到最快和最灵活的图表库。我已经尝试过JSPerf,看起来我正在获取代码执行的性能指标,而不是实际呈现的图表,这是我们想要的指标(也就是用户体验)。我试过在header的Javascript代码中使用performance.now()并在显示图表的标签周围使用,但这两种方法都不起作用。根据渲染获取这些性能指标的最佳方法是什么? 最佳答案 简

支持从 csv/xml/json 加载的 Javascript 图表库

我搜索了一些免费的js图表库(bar、line、pie),它可以独立工作(没有JQuery、MooTools、Prototype等),具有支持从文件(csv/xml/json,csv优先)加载数据的功能。gRaphael之类的东西不错,但它不支持从外部文件加载数据谢谢 最佳答案 D3.js库没有外部依赖项(尽管它确实需要支持SVG的现代浏览器)并且包含asetoffunctions用于从外部源加载数据,包括CSV、XML和JSON文件。它不像其他一些选项那样开箱即用,但经过合理的学习曲线后,您几乎可以做任何其他Javascript库