highstock

I am using highstock charts and wish to move the zoom buttons (1m,2m,etc) to a different position. I checked their API and there doesn't seem to be an option to do that currently. Also the source code suggests that this location is hardcoded and hence i don't think I can easily inject the position using some undocumented property Highstock Source Highcharts.RangeSelector.prototype.render = function (min, max) { ... rangeSelector.zoomText = renderer.text(lang.rangeSelectorZoom, plotLeft, chart.plotTop - 10) .css(options.labelStyle) .add(); // button starting position buttonLeft = plotLeft +

I'm using highcharts to make a piechart but I'm having trouble loading a custom color set for my chart. Here is my code: <script type="text/javascript"> $(function () { Highcharts.setOptions({ colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'] }); return new Highcharts.Chart({ chart: { renderTo: 'trailpiechart', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, backgroundColor: "#f8f8f8", margin: [20, 20, 20, 20] }, credits: { enabled: false }, title: { text: caption }, tooltip: { formatter: function () { return this.y + ' links'

I use highchart so, the user can close and open the chart page and redraw the chart, in some case give me this error, how can I fix it, Thanks Here is my code function populateGraph(graph1data1,graph1data2,id,time,bottomText,tickinterval){ $(function () { $('#'+id).highcharts({ chart: { type: 'line' }, xAxis: { tickWidth: 0, categories: ['1,2,3,4'] }, yAxis: { gridLineColor: '#fff', title: { text: '' }, labels: { formatter: function() { return ''; } } }, navigation: { buttonOptions: { enabled: false } }, series: [{ name: 'This ', data: [1,2,3,4], color: '#1e71ef' }, { name: 'Last ', data: [5,6

I want to know how to determine which rangeSelector button is selected in highstock. my rangeSelector buttons: buttons: [{ type: 'month', count: 1, text: '1 MONTH', }, { type: 'month', count: 3, text: '3 MONTH' }, { type: 'month', count: 6, text: '6 MONTH' }, { type: 'ytd', text: 'YTD' }, { type: 'year', count: 1, text: '1 YEAR' }, { type: 'all', text: 'ALL' }], for example I click on my first rangeSelector that is 1 MONTH. I want to know if this button is selected or not. Is there any event? Thanks You can catch setExtremes() ( http://api.highcharts.com/highstock#xAxis.events.setExtremes ),

Is it possible to have tool tip on clicking of points instead of mouse move. I have tried with showing values in java script alert as below plotOptions: { series: { cursor: 'pointer', point: { events: { click: function() { alert ('Category: '+ this.category +', value: '+ this.y); } } } } } Requirement is to show high chart tool tip on click. Please help. Thanks! As @PawelFus states, it's not officially supported but you can fudge this in by taking control of the visiblity of the tooltip. First on chart load, hide it: chart: { events: { load: function(){ $('.highcharts-tooltip').hide(); } } },

I have irregular data. Chart draws well when I use highcharts : $(function() { var chart = new Highcharts.Chart({ chart: { renderTo: 'chart' }, xAxis: { type: 'datetime' }, series: [{ name: 'Volume', data: chart_arr, }] }); }); http://jsfiddle.net/KnTaw/9/ But I have a lot of data so I need to zoom on the date and choose highstock . Then a strange thing happens: the x-axis become non-linear. $(function() { var chart2 = new Highcharts.StockChart({ chart: { renderTo: 'chart2' }, rangeSelector: { selected: 0 }, xAxis: { type: 'datetime' }, series: [{ name: 'val', data: chart_arr, type : 'area', }