highstock

Change range in Highstock dynamically

泄露秘密 提交于 2019-12-01 22:44:56
I want to change the range in a chart dynamically. If I go from a big value to a smaller, everything works fine. But if I want to go to the bigger again, nothing happens. You can try this here: http://jsfiddle.net/Charissima/wkBwW/15/ Click the button 'Range 50' and afterwords 'Range 20'. Then 'Range 50' again. You can see the color changing but not the range. I tried hard to figure out how to fix this problem, but without success. I hope, somebody can help me. <div id="container" style="height: 400px; min-width: 600px"></div> <script src="http://code.highcharts.com/stock/highstock.js"><

Highcharts label format with tickPositioner in a datetime x Axis

大城市里の小女人 提交于 2019-12-01 21:44:59
问题 In my chart ,I try to display only 5 ticks in a datetime axis, I use the tickPositioner function and set only 5 ticks ,this work perfect but the data labels loss it's format and show only numbers. I use the formatter function but i need a grouping labels for the zoom. 回答1: It's little hacky, but you need also calculate information about labels and add them, for example: http://jsfiddle.net/AVhaL/ tickPositioner: function (min, max) { var ticks = this.getLinearTickPositions(this.tickInterval,

Highcharts label format with tickPositioner in a datetime x Axis

百般思念 提交于 2019-12-01 20:35:30
In my chart ,I try to display only 5 ticks in a datetime axis, I use the tickPositioner function and set only 5 ticks ,this work perfect but the data labels loss it's format and show only numbers. I use the formatter function but i need a grouping labels for the zoom. It's little hacky, but you need also calculate information about labels and add them, for example: http://jsfiddle.net/AVhaL/ tickPositioner: function (min, max) { var ticks = this.getLinearTickPositions(this.tickInterval, min, max), tLen = ticks.length; ticks.info = { unitName: "week", higherRanks: {}, totalRange: ticks[tLen - 1

Highchart with scaled images in column bars?

孤人 提交于 2019-12-01 11:40:22
How can i add images to the bar columns that scale correctly to the bar heights. see jsfiddle example below, im trying to do a chart that compares heights using a Skyscraper image as the background for the bar columns, however the background image seems to loop/tile somewhat randomly, how can i fix this. thanks color: { pattern: 'http://www.aperfectworld.org/clipart/buildings/buildings08g.gif', width: '100%', height: '100%' } http://jsfiddle.net/2BqSY/4/ I think it may be not possible using patterns, but you can add some images using renderer: http://jsfiddle.net/YZkPX/ chart: { renderTo:

Highstocks, line missing but data is there

可紊 提交于 2019-12-01 09:53:31
问题 I've been playing around with Highstocks for a while now and for some reason one of my lines has disappeared when zooming in, yet it is still visible once zoomed out. It still shows the dot once hovering over it including the data that belongs to it. Needless to say I'm pretty clueless about what went wrong, so any suggestions would be great. Zoomed in: Zoomed out (hard to see but the red line is there) PS. Website can be found here Skami.net 回答1: Your series contains doubled values for the

How to handle mouse events on axis labels in highcharts

老子叫甜甜 提交于 2019-12-01 09:40:19
问题 How can mouse events be captured on highcharts axis label? I wish to handle the click event on the labels to perform certain actions A highchart demo 回答1: The axis labels can be accessed as yAxis.ticks["x"].label.element . This is the element of the label, and now any event on this element can be handled as follows. var yAxis = chart.yAxis[0]; var onYaxisRedraw = function() { for (var tickPos in yAxis.ticks) { var $element=$(yAxis.ticks[tickPos].label.element); $element.unbind('click');

Data Grouping - Monthly (end-of-month)

天涯浪子 提交于 2019-12-01 05:45:58
I'm having a very difficult time trying to get my data to be grouped via month. I've even gone so far as to programmatically filter through my data to return only the last day of the month and calculate the monthly value. I've tried to find a good explanation on the 'dataGrouping' property but have had no luck understanding it nor properly implementing it. Every results returns my series in a daily interval. My questions are as follows: Is there a minimum number of data points needed for data grouping to work? Under the dataGrouping.units I've tried to use this documentation but nothing has

Highcharts.js - Background color of axis only

99封情书 提交于 2019-12-01 04:32:01
问题 Thanks in advance for your time and help. I'm using highcharts and need to set the background color of only the x and y axis. See attached: So what I need is to set a background color on the x-axis that is different from the dark gray of the graph (right now they are obviously the same) Does anyone know if this is possible and, if so, how to go about it? I've been through the highcharts API Highstock API extensively, but couldn't find anything specifically for this. Thank you again for your

Highstock with numbers instead of date in x-axis

余生长醉 提交于 2019-12-01 04:07:36
I need to output a plot on page, and I'm considering Highstock or Highcharts to implement this. Highstock interface is more preferable due to navigator pane showing the rest of plot after rezooming. However my plot has numbers in x-asis, but not date/time. Is there any way to use Highstock with numerical x-scale? Or add similar navigator to Highcharts? Highstock's only type of xAxis is datetime, so using it with numbers is not an option. (Maybe if you make some tricky formatting actions and define a custom tooltip with the same formatting options it might be possible). Leaves only Highcharts

Highchart - tooltip for legends

不问归期 提交于 2019-12-01 00:36:36
I am using highcharts to represent data. In my chart based on conditions some series are disabled. Is there any way to remove the legend itemhoverstyle property for disabled series? Is there any way to add a tooltip to the legend items? You can remove the serie from the legend : series:[{ name: 'serie1', type: 'line', data: yourArrayOfData, showInLegend: false }] If you want to change the css on hovering you'll have to change this highcharts-legend style. To add a tooltip to the legend do something like the following example: Link 来源: https://stackoverflow.com/questions/10225896/highchart