highstock

Highstock date input jquery ui datepicker position changes

梦想与她 提交于 2019-12-23 14:54:32
问题 In Highstock, you can use the jquery ui datepicker instead of inputting text into the date fields, as in this demo... http://jsfiddle.net/hcharge/aNde9/ datepicker Clicking the input once, opens the datepicker where it should be below the input field, however if you close it and open it again it then sticks to the top of the container. Implemented in a webpage this would be the top of the browser window. Is this a known issue? 回答1: The datepicker controls its vertical position through the

How to update new plotline values instead of removing and adding new ones in highcharts

放肆的年华 提交于 2019-12-23 13:31:56
问题 I have a dynamic value for a quote. Horizontal line indicates the current position on a line chart. To move it i have to remove and add last one each time i receive new. I need to animate transition of this plotline, that's why it should not be removed and created again. That's how it looks now: chart.yAxis[0].removePlotLine('current-price'); chart.yAxis[0].addPlotLine({ value: parsedData.quote, color: 'black', width: 0.5, id: 'current-price', useHTML:true }, zIndex:100 }); 回答1: you can

A different suffix for each line on Highstock/Highcharts

删除回忆录丶 提交于 2019-12-23 09:19:53
问题 Is there a easy way to use different suffix values on each line? Right now I have 3 lines, I'm trying to change the suffix for each, but I was only able to find it using the formatter function. But if I use the formatter function I need to edit every tooltip, make it just like the default one, and I don't know the default format. I mean, a easy way like changing colors, what we can simply do: { name: 'First line', type: 'line', color: '#33CC66', zIndex: 0, data: [ ... ] } 回答1: I think this is

HighStock Charts not Working over SSL ie https

自作多情 提交于 2019-12-23 07:57:35
问题 I have a site which is a secure site means, it is accessed using https:// protocol. This site has highchart on it. The highchart was working perfectly when the protocol was http:// . But after installing secure certificate it failed to load in any browser. I had imported the HighStock chart js as shown below. Then I thought of changing the protocol for fetching the js from http:// to https:// as shown below After this the chart started to render properly in internet explorer. But the charts

Cannot set Individual Point color in Series for Highstock API, it works for Highchart API

寵の児 提交于 2019-12-23 02:54:09
问题 I am working on Highstock, I am trying to set a color to a specific point in "data" in Highstock, like in the example, its using Highchart API,but I couldn't get it to work with Highstock API, no matter how I set the color, it doesn't show on the graph. Can someone please help? Here is what I have tried so far 回答1: Highstock has point markers disabled by default, you will need to enable them explicitly as follows, plotOptions: { series: { marker: { enabled: true } } }, API Reference: http:/

Display Percentage Values on (highcharts) bubble chart

风格不统一 提交于 2019-12-23 02:32:13
问题 https://jsfiddle.net/Kondaldurgam/ewng3aqa/ I have bubble size value. i want to show the value with percentage how to show the value with percentage.Its Possible to shows or not? Display Percentage Values on bubble chart Highcharts.chart('container', { chart: { type: 'bubble', plotBorderWidth: 0, zoomType: 'xy' }, title: { text: 'Highcharts bubbles with radial gradient fill' }, xAxis: { gridLineWidth: 1 }, yAxis: { startOnTick: false, endOnTick: false }, plotOptions: { bubble: { dataLabels: {

Highstocks graph width not correctly rendered

陌路散爱 提交于 2019-12-22 04:16:19
问题 Hello I have a problem with highstocks when using jquery tabs. this is the code for the constructor. Chart = new Highcharts.StockChart({ Chart = new Highcharts.StockChart({ chart: { renderTo: 'Container', alignticks:false }, xAxis: { .......... }, yAxis: [{ ....... }], series : [{ .......... }] }); The Container has only half the width of the whole page. When the page is loaded to the tab containing the graph, then its width is rendered correctly. But when the page is loaded first to another

How to create a new Highstock chart with new Highchart and not jquery?

蓝咒 提交于 2019-12-22 04:01:25
问题 All the examples on the Highchart website creates a stockchart using: $('#container').highchart('Stockchart', config); How do I create a stock chart by simply using new? eg: var chart = new Highchart('Stockchart', config) I tried that, and this... var chart = new HighStock(config) ...with no luck. 回答1: I googled more and eventually found it. To do it you code like this: chart = new Highcharts.StockChart(config) Annoying that they say that... anyway yeah, it has two constructors, Highcharts

Move the Highstock navigator position

*爱你&永不变心* 提交于 2019-12-21 20:51:17
问题 Is it possible to move the Highstock chart navigator from the bottom of the chart to the top? 回答1: Yes it is possible, please take look at example: http://jsfiddle.net/jBUGN/ navigator: { top:40, }, 回答2: Upgraded answer from Sebastian: http://jsfiddle.net/Fusher/jBUGN/18/ Instead of setting top for xAxis and yAxis, set marginTop: value: var chart = new Highcharts.StockChart({ chart: { renderTo: 'container', marginTop: 140 }, navigator: { top:40, }, rangeSelector: { selected: 1 }, series: [{

Change Color of Volume Columns (High/Low) in HighCharts

狂风中的少年 提交于 2019-12-21 04:39:08
问题 I've got a simple chart showing candlesticks with volume columns underneath: http://jsfiddle.net/T83Xy/ Basically, I want to use black and red for the columns depending on whether it closes higher than the open or not. I've seen some samples by pushing Y: data, color: '#000000' as the parameter. The problem is I'm pushing a date and a volume number. I attempted to push X: date, Y: data, color: '#000000' but it's throwing errors and not giving me the expected result. 回答1: At first, you need to