highstock

问题 Our team is working on a proof of concept using the Highcharts/Highstock library. Everything is working perfectly, with the exception of adding vertical scrolling. I've added a fiddle and the accompanying code below. If you run the fiddler and scroll in the chart you'll see strange behavior...but, if you remove one row from the data set (i.e. "Test31"), it works fine. Any idea what's causing this? Are we missing an additional option somewhere? Thanks in advance! (Note that this example is

问题 My chart is a stacked bar chart with requirements to have data labels on the actual bars. The in browser version is working perfectly featuring the data labels accordingly, however the exported image does not have them. Here is my code: { colors: ['#0EAC55','#91C855','#F3BA0E','#F39595','#F30E0E'], chart: { type: 'bar', height: 195 }, credits: { enabled: false }, title: { text: '' }, xAxis: { categories: ['Category 1', 'Category 2', 'Category 3'], }, tooltip: { valueSuffix: '%' }, yAxis: {

问题 I am using a stocks chart from HighStocks together with gridster. Each individual block in gridster is freely draggable. However, the stocks time slider gadget is also draggable and resizable. Since it sits on top of a gridster widget, whenever I drag the slider around, the entire widget also moves. I included a JSFiddle to demonstrate my point. http://jsfiddle.net/faPrd/ It's not as pronounced in this Fiddle because there are not that many elements, but you can already see that when you drag

问题 I've found some issue with selectors fields. They can't be changed after using jQuery hide() and show() methods on chart container. Is this a bug, or I've do something wrong? Here is my example: http://jsfiddle.net/hal9000pro/jL3SX/ $(function(){ $('#stock-mails-diagram').hide(). highcharts('StockChart', { rangeSelector : { inputDateFormat:"%Y-%m-%d", inputEditDateFormat:"%Y-%m-%d" }, title : { text : 'Emails sent per day' }, series : [ { name : 'mails sent', type: 'area', step: 'true', data

问题 Is it possible to omit the vertical lines from the "square wave" line? I think you could call that a level line, here's an illustration: 回答1: The easiest way to achieve this look is to use a scatter chart with a custom "line" symbol: // define a custom line symbol Highcharts.SVGRenderer.prototype.symbols.line = function (x, y, w, h) { return ['M', x, y, 'L', x - w * 2, y, 'M', x, y, 'L', x + w * 2, y, 'z']; }; if (Highcharts.VMLRenderer) { Highcharts.VMLRenderer.prototype.symbols.cross =

问题 Is it possible to get the values of the date-input-boxes from rangeSelector? 回答1: Yes you can get these values. If you are using JQuery: var minDate = $('input.highcharts-range-selector:eq(0)').val(); var maxDate = $('input.highcharts-range-selector:eq(1)').val(); 回答2: var chart = new Highcharts.StockChart(chartingOptions); ... var zoomStartEpochTime = chart.rangeSelector.leftBox.HCTime; var zoomEndEpochTime = chart.rangeSelector.rightBox.HCTime; Alternatively you can query the xAxis's

问题 Actually I am in a small requirement where in there is a scatter chart with a list of points and drop down list. When I select an item from the drop down list its corresponding data point click should be fired. And when I select a data point on the chart, some actions has to happen and the drop down list should get updated according to the selection. Is there any way we can do this? I've tried firePointClick, the event is coming as undefined, I want the event same as the event which we get

问题 is it possible to add a new y-Axis to a Highstock-chart? I've tried adding one to the options and redrawing, but that doesn't seem to work. The documentation for HighCharts holds an addAxis()-function for the chart-object, but in HighStock this function doesn't exist. Any alternatives? 回答1: Please take look at example http://jsfiddle.net/wvaGt/ $('#container').highcharts('StockChart',{ yAxis: { title: { text: 'Temperature' }, lineWidth: 2, lineColor: '#F33' }, series: [{ name: 'Temperature',

问题 I am not sure what cause it to fire three times after selecting a date through date calendar. Here is the options set for rangeSelector rangeSelector:{ enabled:true, inputEnabled: true, inputDateFormat: '%d/%m/%Y', inputEditDateFormat: '%d/%m/%Y', inputDateParser: function (value) { value = value.split('/'); console.log(value); return Date.UTC( parseInt(value[0]), parseInt(value[1]) - 1, parseInt(value[2]) ); } } by using backbone.view jquery selector, here how i initiate the chart this.$el

问题 In highcharts is it possible to display the legend in two columns, stacked vertically? I'm trying to work out the best way of displaying the legend items, at the moment we have the legend items all stacked on top of each other. There will be a maximum of 4 series on the chart. I'm not really sure how to approach this, I see the option of useHTML but then I can't seem to find any examples of what to do with the HTML. http://jsbin.com/oyicuc/9/edit Any advice would be very helpful, thanks. 回答1: