草庐IT

highstock

全部标签

ruby - 在 StockChart (highchart) 中以编程方式显示柱形图的工具提示

我有一个Highstock图表(带有标记和阴影的线条),并且想以编程方式显示一个highstock工具提示,例如,当我选择某个表上的一行(包含图表数据)我想显示相应的highstock工具提示。这可能吗? 最佳答案 股票图表thissolution不起作用:在thisexample你必须更换这个:chart.tooltip.refresh(chart.series[0].data[i]);为此:chart.tooltip.refresh([chart.series[0].points[i]]);解决方案可用here.

javascript - 带有 Highstocks/Highcharts 的 jQuery 日期选择器

如何使用highchartsrangeselector获得有效的jQuery日期选择器?这个fiddle是一个有问题的旧例子(来自highcharts作者)。http://jsfiddle.net/BWEm5/更改结束日期会将开始日期重置为数据的开头。$(function(){$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?',function(data){//Createthechartwindow.chart=newHighcharts.StockC

javascript - HighCharts:仅在系列重叠时使用共享工具提示

在下面的HighCharts示例中,系列A和B具有相同的数据。只有B的线在图表绘图区域中可见,因为它直接绘制在A上。终端用户不可能知道A在B后面。我们可以在配置对象中设置tooltip.shared=true以在悬停在任何系列上时显示给定x轴点的所有数据值。但是,在我的真实示例中,我在图表上绘制了多达50个系列,这是不合适的。是否可以保持tooltip.shared=false的行为,但是当用户将鼠标悬停在与一个或多个系列重叠的系列上时,显示所有(且仅)工具提示中的重叠系列值?或者是否有任何其他用户友好的方式来指示在给定的x值处有2个以上相同的y值?http://jsfiddle.ne

javascript - 使用 Highstock 显示缺失数据的差距

使用Highstock绘制排序的时间序列图:[[timestamp,value],...]数据源以不规则的间隔进行采样。结果,两点之间的距离(在时间轴上)发生变化。如果两个相邻点分开超过5分钟,我想在图表中显示一个间隙。使用gapSize选项不起作用,因为它不允许将间隙的“大小”指定为时间的函数。显示差距已经是Highstock的一部分,我只需要一种将其指定为固定时间量(5分钟)的方法。想法?顺便说一句,除此之外,情节还不错。 最佳答案 这里有一个稍微不干净的方法来“操纵”gapSize来工作,因此它的值是创建一个间隙所需的毫秒数。

javascript - 以编程方式为 Highcharts 散点图上的某个点触发点击事件

实际上,我的需求很小,其中有一个散点图,其中包含点列表和下拉列表。当我从下拉列表中选择一个项目时,应该触发其相应的数据点点击。当我在图表上选择一个数据点时,必须执行一些操作并且下拉列表应该根据选择进行更新。我们有什么办法可以做到这一点吗?我试过firePointClick,事件未定义,我希望事件与手动点击发生时我们得到的事件相同,还有其他方法吗?或任何改进 最佳答案 它不是API的一部分,但可以使用名为firePointEvent的内部API函数来完成:chart.series[0].data[0].firePointEvent('

javascript - Highstocks 时代时间与时区不匹配

我正在尝试使用highstocks库填充图表。我将纪元时间作为x轴的输入。我能够成功生成图表,但问题是highstock转换的纪元时间与我的时区不匹配。例如我输入的纪元时间是:1347497100000转换后的当前结果是:Thu,13Sep201200:45:00GMT预期结果是:2012年9月12日星期三17:45:00GMT-0700此时区不匹配是当前显示的错误值。我也试过设置这个属性,但没有成功:global:{useUTC:false},我在太平洋时区。当我尝试这样做时:console.log(newDate)从同一个脚本,它返回我太平洋时间的时间。请问如何解决时区不匹配的问题

javascript - 在打印时隐藏 svg 部分

是否有可能在打印布局中隐藏部分svg。特别是我喜欢隐藏highstockrangeSelector和navigator将打印页面。这应该可以在没有js触发按钮的情况下工作。它应该在使用浏览器打印按钮时起作用。是否有可能使用cssmedia=print显示/隐藏元素并将此事件与jquery绑定(bind)?需要隐藏在打印布局上的黄色部分:http://i49.tinypic.com/24mbxop.png对于这个例子:$(function(){$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl

javascript - 使用 HighCharts 股票图表动态添加系列

我有以下代码:http://jsfiddle.net/maniator/vTjW8/varcreateChartTemplate=function(){return{chart:newHighcharts.StockChart({chart:{renderTo:'container'},series:[]}),addSeries:function(name){this.chart.addSeries({name:name,data:[],id:Math.floor(Math.random()*1000)});},addPoint:function(data,series){varser

javascript - Highstocks - 在日期时间轴上使用 tickmarkPlacement "between"(无类别)

是否有任何解决方法可以将日期时间轴上的tickMarkPlacement设置为“介于”之间?我知道是notsupportedbytheAPI但我希望找到某种破解/插件。 最佳答案 您可以使用x轴标签的x属性来捏造它。例子:http://jsfiddle.net/jlbriggs/3qtZr/36/[[评论后更新:如果您的意思是您希望数据点也在“之间”排列,那么没有简单的好方法。我的方法是1)确保每个轴刻度只有一个数据点,理想情况下2)调整数据点的x值,使其以与标签偏移对应的方式向右推3)调整工具提示格式化程序以更正显示日期或者,4)

javascript - Highcharts:如何设置数据分组

我有一个包含大量数据的highstock图表,我能够定义如何对数据进行分组,但我希望用户指定要使用的数据分组并在日、周、月等之间动态更改。那么是否有可能有一个按钮,用户可以通过该按钮更改数据的分组方式,如果可以,如何更改?有许多未记录的功能,例如currentDataGrouping,但没有设置数据分组...我可以通过任何方式看到...series:[{type:'column',name:title,data:data,dataGrouping:{units:[['week',[1]],['month',[1]]]}}] 最佳答案