Tag: highstock

处理rangeSelector按钮,当它超出数据系列的xaxis范围时

数据系列的x轴最小范围是5/15/2006我发送显示图表的x轴的当前最大值是5/24/2011并且过去7天选择缩放按钮,然后如果我选择缩放按钮超过30天,因为它超出了x轴的范围,所以我希望它使此选择无效并保持旧的过去7天缩放按钮,并且显示图表的范围不会改变。 这该怎么做? 这是JS代码: var end = 1148428800000; var rowcount; $(function () { $.getJSON(‘http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?’, function (data) { // Create the chart $(‘#container’).highcharts(‘StockChart’, { navigator: { enabled: false }, scrollbar: { enabled: false }, rangeSelector: { inputEnabled: false, selected: 0, buttonTheme: { width: null }, buttons: [{ type: ‘day’, count: 6, text: ‘past 7 days’ }, { […]

HighChart的StockChart问题。 获得高级图表不是一个function

所以我有两个疑问: Q1: 我无法理解初始化高图表的两种方法之间的区别: 第一种方式: var lineChart = new Highcharts.Chart( { chart: { alignTicks: true, type : ‘StockChart’, renderTo : ‘container’, … 第二种方式: $(‘#container’).highcharts(‘StockChart’, { chart: { alignTicks: true, type : ‘StockChart’, renderTo : ‘container’, … Q2: 当在http://jsfiddle.net/ezk2mg72/上使用第二种方式时,我能够获得所需的结果,但在本地尝试时我得到以下exception: **Uncaught TypeError: $(…).highcharts is not a function** PS:根据建议的stackoverflow的不同post,js文件的顺序是正确的: (I have scripts in local) http://jsfiddle.net/ezk2mg72/

Highstock – 单线系列 – 基于触发器动态创建标记

我使用Highstock – 单线系列来绘制数据。 http://www.highcharts.com/stock/demo/basic-line 。 我想知道如何根据触发器在某些点上创建标记。如果在y轴上发生突然增加,我想在该点上创建一个标记(即突然增加发生在460到470之间,我想创建一个标记470)。我想在客户端进行。我怎么能这样做。任何人都可以帮忙。附上截图,理想我需要什么。我想在截图中突出显示的红色圆圈上创建标记。

如何在按钮点击时隐藏/显示高级图表的滚动条和范围选择器?

我希望在按钮单击时隐藏/显示导航器,滚动条和范围选择器。 似乎没有任何API。 .hide()隐藏整个图表。 任何对解决方案的参考都会有所帮助。

Highstock – 最小缩放

如何在Highstock中为Navigator设置最小变焦(36个月)? 我试过这个,但它不起作用你有想法吗? http://jsfiddle.net/B7vCR/6/ $(function() { var chart; $.getJSON(‘http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?’, function(data) { // Create the chart chart = new Highcharts.StockChart({ chart: { renderTo: ‘container’ }, rangeSelector: { selected: 1 }, title: { text: ‘AAPL Stock Price’ }, xAxis: { minRange:6 * 30 * 24 * 3600 * 1000, events: { afterSetExtremes: function(e) { var maxDistance = 10 […]

Highcharts csv数据系列以空值开头

我试图用highcharts表示csv数据。 我不能使用以空值开头的csv数据。 如何使用csv数据,其中系列以空值开头。 虽然它可以正常使用’empty’或’0’,但我特别需要这个以null或NA工作,请检查jsfiddle 我的csv看起来像这样 Year,Annual mean,5 year mean 1880,-0.31,null 1881,-0.22,-0.25 1882,-0.28,-0.29 1883,-0.3,-0.29 1884,-0.33,-0.3 提前致谢

plotbands瞄准两个窗格中的一个

嗨我正在使用两个窗格图表http://www.highcharts.com/stock/demo/candlestick-and-volume然后我把一个plodBands放到那个图表上,发生的事情是Band影响两个yAxis就像在这里http:/ /jsfiddle.net/6sqEd/我注意到的是这个图表只有一个xAxis。 我怎样才能使这个PlotBands成为唯一的第一个yAxis不是两个??? 这是代码: $(function() { $.getJSON(‘http://www.highcharts.com/samples/data/jsonp.php?filename=aapl- ohlcv.json&callback=?’, function(data) { // split the data set into ohlc and volume var ohlc = [], volume = [], dataLength = data.length; for (i = 0; i < dataLength; i++) { ohlc.push([ data[i][0], // the date data[i][1], // open data[i][2], // high data[i][3], // low data[i][4] // close […]

Highstock图表错误:this.labelBBox未定义第30行

我有一个Web应用程序,有大量function齐全的Highchart图表。 我试图在图表中实现Highstock,但它直接在Highstock文件中给我一个firebug错误: this.labelBBox is undefined line 30 of Highstock.js 我的所有库都是最新的(与在线演示版完全相同) 我无法弄清楚为什么我有这个错误,这是我的代码: function generateChart10(id, dataChart, currencies){ // create the chart chart = new Highcharts.StockChart({ chart : { renderTo : id, marginLeft: 15, borderColor: ‘#FFFFFF’ }, rangeSelector : { enabled: false }, navigator : { enabled: false }, scrollbar : { enabled: false }, title : { […]

在Highchart的刻度上应用自定义样式

我想在Highcharts的xAis刻度上应用自定义样式。 我想以圆形而非线条的forms设置刻度。 像ticks.chart.renderer.cirlce(); 无法找到完成任务的方法。

仅使用JavaScript更新现有Highstock图表的数据

我正在编辑一个站点而我无法访问原始代码,我所能做的就是将代码附加到它的末尾。 我无法访问PHP(我认为无论如何我都不需要)。 这是现有的代码: //HIGHSTOCKCHART (function () { var highstockchart = enoro.namespace(“orchard.standard.consumption.highstockchart”); highstockchart.defaults = { chart: { renderTo: null, }, credits: { enabled: false }, navigator: { series: { includeInHtmlTableExport: false } }, rangeSelector: { buttonTheme: { width: 70, height: 20 }, inputEnabled: false, buttons: [ { type: ‘day’, count: 1, text: ‘Dag’ }, { type: […]