highstock

问题 How can i add images to the bar columns that scale correctly to the bar heights. see jsfiddle example below, im trying to do a chart that compares heights using a Skyscraper image as the background for the bar columns, however the background image seems to loop/tile somewhat randomly, how can i fix this. thanks color: { pattern: 'http://www.aperfectworld.org/clipart/buildings/buildings08g.gif', width: '100%', height: '100%' } http://jsfiddle.net/2BqSY/4/ 回答1: I think it may be not possible

问题 I am using highcharts to represent data. In my chart based on conditions some series are disabled. Is there any way to remove the legend itemhoverstyle property for disabled series? Is there any way to add a tooltip to the legend items? 回答1: You can remove the serie from the legend : series:[{ name: 'serie1', type: 'line', data: yourArrayOfData, showInLegend: false }] If you want to change the css on hovering you'll have to change this highcharts-legend style. To add a tooltip to the legend

问题 I need to output a plot on page, and I'm considering Highstock or Highcharts to implement this. Highstock interface is more preferable due to navigator pane showing the rest of plot after rezooming. However my plot has numbers in x-asis, but not date/time. Is there any way to use Highstock with numerical x-scale? Or add similar navigator to Highcharts? 回答1: Highstock's only type of xAxis is datetime, so using it with numbers is not an option. (Maybe if you make some tricky formatting actions

问题 When using data grouping with datetime in Highcharts / Highstock, there seems to be a problem with the formatting of the tooltip label. When data grouping is actually applied (i.e. when there would be so many datapoints in the chart that the width of each of them would fall below dataGrouping.groupPixelWidth ), the label for the tooltip is created using the dataGrouping.dateTimeLabelFormats configuration option. But when grouping is not applied, for example when zooming so much that each

问题 I want to disable the use of navigator in highcharts but still show it as "full" small chart. Is it possible? 回答1: Yes, you can hide them in callback: http://jsfiddle.net/nX37D/ But user still will have possibility to change extremes by using handles (even if they are invisible). To change that behavior, you will need to edit sources. $('#container').highcharts('StockChart', options, function (chart) { var handles = chart.scroller.handles; setTimeout(function () { handles[0].hide(); handles[1

问题 I want to disable the use of navigator in highcharts but still show it as "full" small chart. Is it possible? 回答1: Yes, you can hide them in callback: http://jsfiddle.net/nX37D/ But user still will have possibility to change extremes by using handles (even if they are invisible). To change that behavior, you will need to edit sources. $('#container').highcharts('StockChart', options, function (chart) { var handles = chart.scroller.handles; setTimeout(function () { handles[0].hide(); handles[1

问题 Can volume chart's color same as the candlestick's color above? I tried give a color list in series with the colors: ['red', 'red', 'green', ...] colorByPoint: true Highstock source code: init: function (series, options, x) { var point = this, colors; point.series = series; point.color = series.color; // #3445 point.applyOptions(options, x); point.pointAttr = {}; if (series.options.colorByPoint) { colors = series.options.colors || series.chart.options.colors; point.color = point.color ||

问题 I want to add custom symbols like Pentagon/Hexagon.. using the Highchart svg symbols. I don't want to use the images in my implementation. Please let me know how we can add these to our highstock chart 回答1: I modified example posted by @Eugene Komisarenko to create hexagon markers. Example: http://jsfiddle.net/pw4s3pu5/ 来源： https://stackoverflow.com/questions/45422781/how-to-add-new-symbols-in-highstock-chart

问题 This is one of my failed attempts: http://jsfiddle.net/mm484L57/ Highcharts.drawTable = function() { // user options var tableTop = 310, colWidth = 100, tableLeft = 20, rowHeight = 20, cellPadding = 2.5, valueDecimals = 1, valueSuffix = ' °C'; // internal variables var chart = this, series = chart.series, renderer = chart.renderer, cellLeft = tableLeft; // draw category labels $.each(chart.xAxis[0].categories, function(i, name) { renderer.text( name, cellLeft + cellPadding, tableTop + (i + 2)

问题 The example on the demo page shows the prices and the volumes on 2 charts (http://www.highcharts.com/stock/demo/candlestick-and-volume). Is it possible to render them in one chart only? Thanks. Update: Ok, got it here: http://jsfiddle.net/eAFJ3/3/: $('#container').highcharts('StockChart', { rangeSelector: { enabled: false }, scrollbar: { enabled: false }, navigator: { enabled: false }, title: { text: 'AAPL Historical' }, yAxis: [{ title: { text: 'OHLC' }, lineWidth: 2 }, { title: { text: