草庐IT

HighCharts

全部标签

javascript - Highcharts 工具提示系列名称前面的奇怪字符

我有一个Highcharts图表,出于某种原因,它仅在弹出的数据点上的系列标题前显示奇怪的字符。我使用的是默认弹出窗口和highcharts4.0.1。我目前将所有系列都设置为标题hi以确保我的代码中没有任何东西搞砸了。另外,如果我输出countsGraph.series[0].name,我也会得到hi。这是什么原因造成的?不幸的是,由于我对HighCharts.com的访问正在播放,我现在无法制作fiddle。我是这样创作的//Createnewseriesifrequriedif(!series[c]){series[c]={name:"hi",data:[]};}

javascript - HighCharts系列Z指数

有没有办法在不颠倒系列顺序的情况下将系列放在Highcharts的前面?在我的代码中,我使用了:$('#graf-1').highcharts({chart:{zoomType:'xy'}, 最佳答案 Highcharts有一个zIndex属性(property)。series:[{name:eixoz,color:'#4572A7',type:'line',yAxis:1,data:dataz,tooltip:{valueSuffix:'%'},zIndex:2},{name:eixoy,color:'#89A54E',type:

javascript - 处理具有很长类别名称的 highcharts 条形图

我有一个用Highcharts构建的条形图,它使用类别作为其x轴——非常冗长的类别。我想不出一种确保类别始终保持在一行上的好方法。我不能缩写它们,除非我可以使用工具提示或其他东西在鼠标悬停或其他一些直观的用户交互时显示长版本。当类别换行时,它开始看起来像一堵文字墙。对于以干净的方式显示长类别和数据有什么想法?我愿意考虑使用不同类型的图表,只要它能以清晰美观的方式显示数据。我想坚持使用Highcharts,但前提是可能。编辑:经过多方努力,我放弃了以跨浏览器(IE6+)的方式向x轴类别标签添加工具提示的想法。即使使用JQuery,它似乎也不可能或不实用。我仍在寻找任何可以让我很好地显示这

javascript - 加载后自动放大 highcharts

有谁知道如何在完成加载后自动放大图表的一部分?我有很多时间序列数据,但最重要的信息在右边。我仍然希望所有数据都可用,但只放大最近7天的View。我想要模拟的是用户在我的图表上最近7天的点击拖动。因此,如果有人知道如何手动触发该事件,那可能就是我想要做的。这是来自jsfiddle的具有正常缩放功能的示例图表:http://jsfiddle.net/Y5q8H/50/对于如何做到这一点,我还有其他一些想法,但我认为我想要的是实现它的最佳方式。其他想法:1)只加载最近7天,放置一个假的“重置缩放”按钮,然后加载整个数据系列2)查看那个姊妹产品StockCharts现在处于测试阶段。它似乎有一

javascript - 我可以为 highchart 工具提示使用两种不同的格式化程序吗?

我有一个highcharts表,其中包含两个使用命名值的数据系列。在我的一个系列的工具提示中,我想引用该系列中的一个数据点。所以这个答案中的解决方案:HowtouseadifferentformatteronHighchartsineachcurveofthesamegraphic?对我没有帮助。我需要的不仅仅是tooltipText,我还需要一个格式化程序:对于一个:formatter:function(){returnthis.x+':'+this.series.name+'$'+Highcharts.numberFormat(this.y,0);}另一个:formatter:fu

javascript - HighCharts:标签在工具提示上可见

我图表上的标签显示在工具提示上,看起来不太好。我尝试使用zIndex,但没有结果。如何使工具提示不透明?这是我的jsFiddle:http://www.jsfiddle.net/4scfH/3/$(function(){varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'graf1',plotBackgroundColor:null,plotBorderWidth:null,plotShadow:false},title:{margin:40,text:'Podílvšech

javascript - Highchart - 仅更改一个 x 轴标签的颜色

所以我知道如何在Highchart中更改x轴标签的颜色,这在此处进行了描述。http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/labels-style/但是如果我只想更改一个标签的颜色,而不是所有标签的颜色怎么办?如何将样式应用于单个标签? 最佳答案 您还可以使用标签格式化程序来设置样式。完整示例jsfiddle:labels:{formatter:functio

24 小时前的 Javascript 相对时间等作为时间

这个问题在这里已经有了答案:Javascripttimestamptorelativetime(16个答案)关闭4年前。我正在尝试使用highcharts来显示过去24小时内的一些数据。当您像本例中那样使用x轴的时间时,图表需要开始时间Highchartstimeexample.我不知道如何告诉它在24小时前开始,例如,如果现在的时间是18日下午22:34,我希望它在17日下午22:34开始。我不太擅长与时间和日期相关的代码,JavaScript也不是我的强项。我相信我需要完成的输出是这样的:pointStart:Date.UTC(2012,5,17,22,34)对于上面的示例,但我不

javascript - Highcharts => 点击折线图时获取点的id

我正在构建一个折线图,当我单击线上的一个点时,我希望显示一个包含关于该点的一些数据的弹出窗口。我尝试解决的问题是获取id、与该点关联的系列或类似的东西。这是我的代码:plotOptions:{column:{pointWidth:20},series:{cursor:'pointer',events:{click:function(event){requestData(event.point);}}}我试过了requestData(this.point),requestData(this.point.id)也可以,但是不行。我们如何获取点的ID?非常感谢。

php - 有什么方法可以将 Highcharts 与 mPDF 转换器一起使用?

这个问题与HTMLtoPDFConverter有关。mPDF转换器可以与包含的css一起正常工作,但不能与任何BootstrapTable或任何svg元素一起工作。如何在mPDF的html中包含js? 最佳答案 mPDF不支持JavaScript。但是,您可以使用以下方法之一:使用$('svg')[0].outerHTML检索图表的SVG代码,并将其发送到服务器以作为图像插入到生成的PDF中。使用Highcharts导出服务生成可以插入到PDF中的图像(SVG或其他格式)。代码如下:varchart=$('.mychart').hi