草庐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 - 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 - 在打印时隐藏 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 - Highcharts:如何设置数据分组

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

javascript - 从 GWT(和一般的 Javascript)中的 HighCharts 库自定义 Stockchart 范围选择器按钮

我正在为GWT使用HighCharts库,但遇到了问题。我正在尝试这样的事情:stockchartexample.对于这个问题,我唯一感兴趣的是rangeSelector中的buttons属性,我想在其中自定义按钮文本)。在javascript上,代码是这样的:rangeSelector:{buttons:[{type:'day',count:3,text:'3dias'},{type:'week',count:1,text:'1w'},{type:'month',count:1,text:'1m'},{type:'month',count:6,text:'6MS'},{type:'y

javascript - Highcharts 在某些缩放级别不显示数据

我正在使用Highcharts/Highstock绘制大量数据(约10,000个点)。数据由X轴上的Date对象和Y轴上的float对象组成,格式如下:[[(date),1.728],[(date),0.346],...]。日期始终相隔1小时,并且数据中没有间隙。当图表的范围>=21天(这样至少绘制了21天的数据)时,图表会正确显示。但是,只要范围小于该范围,图表就会变为空白并且工具提示将每个点显示为具有0.0的Y值。这些点的Y值确实存在于数组中(我可以在Firebug中看到它们),但它们没有显示在图表上。这是我初始化它的方式:mainChart=newHighcharts.Stock

javascript - Highcharts - 在鼠标位置绘制十字准线/工具提示而不是捕捉到数据点

Here(seethisjsfiddle)您可以看到二维十字准线正在捕捉到最接近它的数据点。您如何使十字线和工具提示与图表上的当前鼠标位置相对应?tooltip:{crosshairs:[true,true]} 最佳答案 jsFiddleSolution我最终绑定(bind)了自己的mousemove事件,以获得图表中不断变化的鼠标位置以获取十字准线。对于我刚刚使用的工具提示:tooltip:{shared:true,followPointer:true},这应该足以让您继续前进。 关于