草庐IT

r-highcharter

全部标签

javascript - 使用 html2canvas 将 highcharts 图表呈现为 pdf 在 IE 和 Firefox 上不起作用

我们正在使用html2canvas.js和html2canvas.svg.js(版本0.5.0beta1)和highcharts.js将圆环图下载为pdf。这在Chrome中按预期工作,但在IE和Firefox中不起作用。在IE中图表呈现不正确,而在Firefox中根本不呈现。下面是在Chrome、IE和Firefox中下载的截图ChromeIE(边缘)火狐我用来做html2canvas的代码如下:html2canvas($("#container"),{onrendered:function(canvas){varimgData=canvas.toDataURL('image/png

javascript - 在 Backbone 中使用 HighCharts

我已经使用BootstrapUI和BackboneJS为我的新网站部署了一个网站。我想在页面上加载示例/演示图表。我没有找到关于相同的教程。有人可以帮我吗?这是我试图在我的网站上加载的示例代码:http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-basic/ 最佳答案 您可以使用View的“render”方法来初始化highcharts:$(function

javascript - 提高 Highcharts 折线图的性能

我正在使用Highcharts创建一个具有1440个数据点的可缩放折线图,这里是JSFiddledemo其中。在Firefox中,图表的性能非常缓慢,渲染需要几秒钟,并且在将鼠标悬停在数据点上和工具提示出现之间有很长的延迟。在我的页面上有几个这样的图表,它们的综合影响使页面几乎无法使用。是否有任何技巧/技巧可以提高具有相对较大数据集的图表的性能?我已将图表的JSON附加到这篇文章的末尾(数据本身被chop了)。顺便说一句,在我添加turboThreshold:0属性之前,图表根本没有呈现,因为该系列有超过1000个数据点。根据thedocs:Whenaseriescontainsada

使用 Highcharts 时出现 JavaScript 错误

我有一个奇怪的问题,我希望你能帮助我。我有Highcharts在开发网站上运行——我使用一个简单的表单来允许用户输入数据。在同一页面上,输入数据后会显示Highchart。数据输入表单有非常简单的基于jQuery的片段,例如。表单验证,最大字符数计数器等。发生的情况是,当数据库中有图表数据时,图表会正确绘制,并且当您尝试输入新数据点时,剩余的JS代码片段会按预期工作。但是如果数据库中没有数据(因此不会显示Highchart),我所有的JS代码片段都会停止工作。在Firebug控制台上,当没有数据形成图表时出现此错误:jbisnullfunctionn(m,h){kc=ya(a.titl

javascript - 如何在highcharts中设置动态数据

我从servlet获取数据,我从servlet发送的json对象的系统输出是{"jsonArray":[{"bugzilla":20,"redmind":14}]}现在我的java脚本是varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'container',},title:{text:'Bugchart'},tooltip:{formatter:function(){vars;if(this.point.name){//thepiecharts=''+this.point.

javascript - Highcharts 将 x 轴时间转换为本地时间

我有一个图表需要根据用户的本地时间显示服务器正常运行时间。UTC是NotAcceptable,因为它需要显示用户的计算机时间。有没有办法将x轴时间转换为本地时间?我当前的输入看起来像这样:[UNIX_TIMESTAMP,1],[UNIX_TIMESTAMP,2],...如果在highcharts中不可能,我如何将UTC中的上述内容转换为用户本地时间(即偏移UNIX_TIMESTAMP)? 最佳答案 您可以在全局选项中将useUTC设置为false:http://api.highcharts.com/highcharts#global

javascript - 使用 ajax json 数据创建 highchart

我正在尝试使用通过mysql脚本检索的mysql数据在页面中创建一个简单的图表我不明白如何将ajax调用与图表所需的数据集成。我对各种图表插件知之甚少,无法让我的生活变得轻松,目前正在试用highchart。我的php脚本返回以下json:[{"name":"golfers"},{"data":[5.7879,6.6286,6.1724,5.3125,7.1481,6.1333,4.5769]}]我的图表脚本是:$(function(){visitorData(function(data){console.info(data);$('#chart1').highcharts({char

javascript - 如何在 Highcharts 中设置轴的最小上限?

我正在尝试设置一个最小上限,具体来说:Y轴应该从0开始Y轴应至少达到10或更高(自动缩放)Y轴的上限绝不能小于10。似乎是Highcharts所做的事情,但我似乎无法弄清楚如何做。有人有这方面的经验吗? 最佳答案 Highcharts似乎没有在图表创建时执行此操作的选项。然而,他们确实公开了一些方法来询问极值和改变极值,getExtremes()和setExtremes(Numbermin,Numbermax,[Booleanredraw],[Mixedanimation])在他们的documentation中找到.因此,一个可能的

javascript - Highcharts - 在点击时保持工具提示显示

我有一个highcharts图表,我允许用户动态创建他们自己的标志。现在我希望能够点击旗帜本身并能够一直显示它的工具提示,直到我再次点击旗帜。这样做的原因是允许用户赋予点特殊的意义,并且当他们将图形保存为图像时,我希望它显示他们留下的工具提示信息。有谁知道该怎么做或着手做这件事吗?我不知道如何访问标志工具提示plotOptions:{series:{allowPointSelect:true,animation:false,dataGrouping:{force:true,smoothed:true}},line:{allowPointSelect:true,animation:fal

javascript - 通过 highcharts 中的配置禁用系列

我有一个包含多个系列的折线图。当一次查看所有图表时,图表很困惑,所以我希望最初隐藏某些系列。我知道我可以通过编程方式关闭系列,但是在初始化图表时有没有办法做到这一点? 最佳答案 相信有一个配置选项。在Series中,设置“visible=false”图例仍会列出系列,但显示为灰色。并且系列本身将在初始显示时隐藏在图表中。示例配置:series:[{name:'HiddenByDefault',legendIndex:1,visible:false,color:'#4572A7',type:'spline',data:[a,b,c],