highstock

问题 I just check a post regarding making a label with design using renderer.label and plotline animate (Add design to plotLabel Highcharts). My question is, Is there a way to use chart.renderer.path as the moving horizontal gridline instead of using the common plotline ? I am a bit confuse on how to use the renderer.path. Can you help me with it? Really appreciate your help with this. const plotband = yAxis.addPlotLine({ value: 66, color: 'red', width: 2, id: 'plot-line-1', /* label: { text: 66,

问题 How Can I sum the points in a line within a selected range in order to be shown to users? 回答1: Yes it is possible, by means of using afterSetExtremes function (http://api.highcharts.com/highstock#xAxis.events.afterSetExtremes) which allows to catch "change" range event and run custom function. So then you can interate for all points in serie and limit which of them should be added to sum, by check min/max range value. http://jsfiddle.net/2WdQw/ afterSetExtremes: function(e) { var sum = 0,

问题 How can you set in Highstock a minimal zoom (36 Months) for Navigator? i have tried this but it doesnt work do you have a idea? http://jsfiddle.net/B7vCR/6/ $(function() { var chart; $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) { // Create the chart chart = new Highcharts.StockChart({ chart: { renderTo: 'container' }, rangeSelector: { selected: 1 }, title: { text: 'AAPL Stock Price' }, xAxis: { minRange:6 * 30 * 24 * 3600 * 1000,

问题 In Highstock (1.3.1) dataGrouping a group is indexed by using the date/time of the first data in the group. Given we have the following 1 minute OHLC data time: [08:59, 09:00, 09:01, 09:02, 09:03, 09:04, 09:05, 09:06, 09:07, 09:08] Currently, if we group this into 5 minute... 1st group will be [08:59] with 08:55 as index 2nd group will be [09:00, 09:01, 09:02, 09:03, 09:04] with 09:00 as index 3rd group will be [09:05, 09:06, 09:07, 09:08] with 09:05 as index What I want is... 1st group

问题 I need to show highchart markers only on hover state and in the legend at all times. I don't want it to show on normal state in the chart. I searched for this and found this post which did not work for me Series markers disable on lines and enable on legend in Highchart 回答1: You can reset drawPoints function. Highcharts.Series.prototype.drawPoints = function() { }; Example: http://jsfiddle.net/11pLzk9m/1/ 来源： https://stackoverflow.com/questions/31997776/highcharts-markers-on-legend-and-hover

问题 I have a highstock chart and will add and remove series one by one as the user selects different checkboxes. Each series has it's own pre-defined color and for each series I will also add a series to the navigator with the same color using code inspired from https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/2361925-allow-navigator-to-have-multiple-data-series. Only the first navigator series is automatically handled by highstock (the rest I handle

问题 I made a Highstock diagramm and got aproblem with zooming on the yAxis. I have a Button and 2 textfield to get the wanted min/max values for the axis. With min:0, max: 100 it works well. With min:0, max:80 it doesn't (max will still be 100 in the Diagramm). If I use the mouse for zooming it works well (even a min of: 3.7 and a max of 3.894 is possible). But using the mouse is not an Option, because in the later Diagramm there will be 3 yAxes with individual zoom. $(function () { var

问题 Stack, For some reason highcharts seems to not want to place x axis ticks centered underneath stacked column charts when the chart is a DateTime type chart. As you can see in this jsFiddle (http://jsfiddle.net/4Mngx/2/ and you can also look that this one with null stuffed data points http://jsfiddle.net/4Mngx/1/), the x axis tick marks are staggered to the left of each column. Removing the "stacked" property of the columns seems to resolve the issue, but the columns have to be stacked in

问题 Expected behaviour Tooltip content on a particular day should remain same even if the content is zoomed in or zoomed out. Actual behaviour Tooltip content on same day is different when graph is zoomed in and zoomed out. Live demo with steps to reproduce https://jsfiddle.net/aveohsdr/8/ Github Issue Link https://github.com/highcharts/highcharts/issues/6241 Affected browser(s) Firefox / Chrome Description Check tool-tip content for date 4th June 2016, and then change dates from range selector i

问题 Instead of showing the legend on the bottom under my chart, I want to show it to the left of the y axis, rotated 90 degrees. How do I do that? 回答1: You can set a custom legend: $("#a1").click(function() { $('.highcharts-legend-item:nth-child(1)').click(); $(this).toggleClass("leg-clicked"); }); Use this property in CSS to rotate the legend: -webkit-transform: rotate(90deg); Please check the following example: $(function() { $("#a1").click(function() { $('.highcharts-legend-item:nth-child(1)')