highstock

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

随声附和 提交于 2019-12-03 13:17:52
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. At first, you need to set series.turboThreshold to 0 if you have a big amount of points. This will disable the input data format

use highchart and highstock on the same page

时光怂恿深爱的人放手 提交于 2019-12-03 10:43:24
I have this page: <script type="text/javascript" src="jQuery/Highcharts/highstock1.1.6.js"></script> <script type="text/javascript" src="jQuery/Highcharts/highcharts2.1.4.js"></script> and in the page I use $.getJSON( "server/indice.server.php?row=" + row +"&item="+ item, null, function(data) { chartindice = new Highcharts.Chart( { chart: { renderTo: 'graph', defaultSeriesType: 'line', zoomType: 'x' }, /////moore setting.. series: [{ type: 'area', name: titleindice, data: indice, showInLegend : false //disable the the show/hide icon }] }); }); and an highstock graph window.chart = new

Disabling Handlebars in HighStock charts navigator

妖精的绣舞 提交于 2019-12-02 16:58:44
问题 I've searched through the API and there are lots of examples on disabling and styling both the scroll bar and the navigator. I want to keep both intact but disable the handlebars from being draggable. I tried playing with the styles on this fiddle: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/navigator/handles/ navigator: { handles: { backgroundColor: 'yellow', borderColor: 'red' } } but only the backgroundColor and borderColor are

Highcharts no longer animates and readjusts/rescales chart upon addition and removal of series in legend after upgrading to jQuery 1.10

南楼画角 提交于 2019-12-02 12:19:27
问题 After upgrading to jQuery version 1.10, Highcharts no longer animates and readjusts/rescales chart upon addition and removal of series in legend. With jQuery 1.9, when I click on an item in the legend, the corresponding series will be removed and the chart will animate and rescale. See the link below for the demo chart as provided by Highcharts. jsfiddle (using jQuery 1.9): http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line

Adding dynamic mean to time series chart

让人想犯罪 __ 提交于 2019-12-02 08:28:32
I will try to explain my problem as much accurate as possible. I am looking for a javascript chart library filling the two following conditions: From an ajax request retrieving time series, display dynamically data when changing the time window. such as it is perfectly done on highstocks: http://www.highcharts.com/stock/demo/basic-line And plot an horizontal line corresponding to the mean, changing when the user update the time window on the chart. Actually it is possible to display an horizontal line. But they are fixed on the whole data and do not change accordingly when the time window is

How to style navigator dragging handles , Highstock

自作多情 提交于 2019-12-02 08:06:57
Appart from colors, is it possible to style the navigator handles(like shape, height, width, border radius, background, etc..). From he API doc: http://api.highcharts.com/highstock#navigator.handles , I can only see backgroundColor and borderColor . If the options is not supported, is there a way to dramatically replace it from some callback events? The style I want is like: Update: Since v6.0.0 the handles are customizable through API options - https://api.highcharts.com/highstock/navigator.handles.symbols Legacy solution below It is possible to extend Highcharts and override Highcharts

Add design to plotLabel Highcharts

白昼怎懂夜的黑 提交于 2019-12-02 04:03:39
问题 I am working on the dynamic chart on highchart. My question is, Is there a way to add design on my plotlabel? Currently it like this And I want it to look like this Here my code $(function() { Highcharts.setOptions({ global: { useUTC: false } }); // Create the chart $('#container').highcharts('StockChart', { chart: { events: { load: function() { // set up the updating of the chart each second var series = this.series[0], hasPlotLine = false, $button = $('#button'), chart = $('#container')

Highcharts error #13 while instantiating highchart on ajax call [duplicate]

拥有回忆 提交于 2019-12-02 03:06:28
问题 This question already has answers here : Closed 7 years ago . Possible Duplicate: HighCharts uncaught exception I'm trying to instantiate a highcharts objects with this code: $(function () { var chart; var json = null; $.getJSON('{% url ajax_search 'pie_chart' %}?{{request.META.QUERY_STRING}}', function(data, textStatus, jqXHR) { json = data.template; console.log(json); chart = new Highcharts.Chart(json); }); }) The console logs the returned json appropriately. When I copy and past in the

Change range in Highstock dynamically

我是研究僧i 提交于 2019-12-02 02:43:13
问题 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=

Highstock - display number of week

风格不统一 提交于 2019-12-02 01:18:45
How can I show the week number for the date in Highstock ( not Highcharts !)? My SQL looks like this select unix_timestamp(date)*1000 week (....) group by yearweek(date,3) My JS $(function() { $.getJSON('json_chart.php', function(data) { // Create the chart $('#container').highcharts('StockChart', { rangeSelector : { selected : 2 }, title : { text : 'Wyniki' }, xAxis: { type: 'datetime', dateTimeLabelFormats: { day: '%e' } }, yAxis: [{ offset: 40, title: { text: 'Ilośc' }, lineWidth: 2 }, { title: { text: 'Efek' }, opposite: true, }], series : [{ name : 'Ode', data : data.ode, type : 'column',