highstock

How to display crosshair selected value on x-axis and selected date on y-axis on Highcharts / Highstock?

由 假装没事ソ 提交于 2019-12-07 18:21:41
问题 I am working on this project which includes displaying historical data on an interactive chart. I came to the conclusion that Highcharts / Highstock is the best alternative as it provides the most options of customization. What I am trying to achieve is to display the selected value and its according date on the x-axis and y-axis respectively once I hover over a point, and this for every point I hover on. I want the chart to have a similar layout to the Yahoo chart: As you can see from the

Highstock: DataGrouping & Approximation (average) on timestamp values

由 泄露秘密 提交于 2019-12-07 15:22:27
Data-grouping for time-stamp series data is not correct when clicked on custom week button. How to customize it for week/ month, 3 month and 6 month grouping such that the average will be correct. Data for current and previous year is correct, problem is with Average Resolution Time and Average Response Time where data on tool-tip and y axis is in a format days:hours and hours:minutes respectively. That is time-stamp is being converted into days:hours and hours:minutes, but when it comes to calculate it's average, customization is needed for this to calculate correct average of time. How to

Show gap of missing data with Highstock

由 心不动则不痛 提交于 2019-12-07 06:19:33
问题 Using Highstock to chart a sorted time serie: [[timestamp, value], ...] The datasource is sampled at irregular intervals. As result the distances between two points (in the time axis) varies. If two adjacent points are separated for more than 5 minutes I want to show a gap in the chart. Using the gapSize option doesn't work, because it doesn't allows to specify the 'size' of the gap as a function of time. Showing gaps is already a part of Highstock, I just need a way to specify it as a fixed

Display Percentage Values on (highcharts) bubble chart

由 荒凉一梦 提交于 2019-12-06 22:13:31
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: { enabled: true, x:30 }, } }, series: [{ data: [ [9, 81, 63], [98, 5, 89], [51, 50, 73], [41, 22, 14],

Want to move y-axis scrollbar with mouse wheel in highcharts/highstock

由 坚强是说给别人听的谎言 提交于 2019-12-06 11:41:47
问题 Referring to the question i want to move my y-axis scrollbar with mouse wheel Is there any way to do it ? yAxis: { scrollbar: { enabled: true, showFull: false }, } Updated Code Bellow is my updated code var chart1 = new Highcharts.Chart({ chart: { renderTo: 'container1', type: 'column', zoomType: 'xy', panning: true, panKey: 'shift', //type: 'column', //zoomType: 'xy', //panning: true, //pankey: 'shift', resetZoomButton: { position: { //align: 'right', // by default //verticalAlign: 'top', //

Show value of last point as label or tooltip on Highcharts Stock Chart

由 爷，独闯天下 提交于 2019-12-06 08:58:31
问题 I have multiple data series with different scale in one stock chart (HighCharts). I want to connect each series to it's axis or show value of last point of each series on it (something like data label but just for last point of each series) $(function () { $('#container').highcharts({ chart: { renderTo: 'container' }, xAxis: [{ type: 'datetime' }], yAxis: [{ opposite: true, lineWidth: 1 },{ opposite: true, lineWidth: 1 }], series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5

Highstocks - Place a line between columns when using datetime axis

由 随声附和 提交于 2019-12-06 06:06:05
Is it possible to place a line between columns when using a datetime axis? http://jsfiddle.net/ozke/30go12jy/4/ Relevant code: chart: { type: 'column' }, xAxis: { type: 'datetime', gridLineWidth: 1, gridLineColor:'#FF0000', gridZIndex: 4 /* grid line styles */ }, plotOptions: { column: { grouping: false, borderWidth: 0, groupPadding: 0, pointPadding: 0 } } I was originally trying to do something similar here but the question evolved a bit to much to a different place. Hence me asking again. You can use plotLines like this: plotLines: [{ value: Date.UTC(2014, 1, 15), width: 1, color: 'red',

HighCharts: draw multiple segments in a single serie?

由 别说谁变了你拦得住时间么 提交于 2019-12-06 06:02:10
i'm asking myself if it's possible to do multiple lines (in a single serie) that are overlapping. I couldn't find any example for that :( I don't want this: Highcharts / Highstock step line without vertical "transition" lines? If i have a set of value like that: serie1 = [ [{x:5, y: 10}, {x:7, y: 10}], # segment 1 [{x:2, y: 12}, {x:9, y: 12}], # segment 2 ] I want to plot both lines which are in the same series so i can benefit from the interactivity (legend for example). y ^ | | ------------------segment2------------------- | -----------segment1------------- | |---2-------5-------------------

Highcharts add series dynamically

由 ◇◆丶佛笑我妖孽 提交于 2019-12-06 02:47:23
问题 I want to add some series (I get the series data from a webservice as a 3dim array (and returning it as json) - I dont know the number of series I will get, so I have to load the series data dynamically). In javascript I am building an object: (like this highstock example: http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/compare/) seriesOptions[i] = { name: namearray[i], data: dataarray }; e.g. result: [Object { name="Series", data=[

Show tooltip of a column chart programmatically in StockChart (highchart)

由 岁酱吖の 提交于 2019-12-06 02:13:41
问题 I've a Highstock chart (Line with markers and shadow) and would like to show a highstock tooltip programmatically, i.e. when i select, for example, a row on some table (that contains chart data) i would like to show the corresponding highstock tooltip. Is that possible? 回答1: For StockChart this solution doesn't work: In this example you have to replace this: chart.tooltip.refresh(chart.series[0].data[i]); to this: chart.tooltip.refresh([chart.series[0].points[i]]); The solution is available
订阅 highstock