Allow use of Highcharts.setOptions()

@generalredneck yes this is a feature request, but one I've been considering.

It's is actually the first request for this, and that may have something to do with the Highcharts library online documentation revamping since last year. While previously it focused almost entirely on the options object itself (the name of the documentation page "Highcharts Options Reference" still reflects this), there is now additional emphasis on global methods and properties.

Will need to look at this closer for the best way to add this. My initial thought is we might want to add another parameter to highcharts_render() containing an array of these.

For quick reference – In addition to the configuration options "for initial declarative chart setup", here are the documented additional methods and properties "for dynamically modifying the chart":

Axis: {
  addPlotBand(): [function]
  addPlotLine(): [function]
  getExtremes(): [function]
  remove(): [function]
  removePlotBand(): [function]
  removePlotLine(): [function]
  setCategories(): [function]
  setExtremes(): [function]
  setTitle(): [function]
  toPixels(): [function]
  toValue(): [function]
  update(): [function]
}
Chart: {
  addAxis(): [function]
  addSeries(): [function]
  container: [Object]
  destroy(): [function]
  exportChart(): [function]
  get(): [function]
  getSVG(): [function]
  getSelectedPoints(): [function]
  getSelectedSeries(): [function]
  hideLoading(): [function]
  options: [Object]
  print(): [function]
  redraw(): [function]
  series: [Array;]
  setSize(): [function]
  setTitle(): [function]
  showLoading(): [function]
  updatePosition(): [function]
  xAxis: [Array;]
  yAxis: [Array;]
}
Element: {
  add(): [function]
  animate(): [function]
  attr(): [function]
  css(): [function]
  destroy(): [function]
  getBBox(): [function]
  on(): [function]
  toFront(): [function]
}
Highcharts: {
  Chart(): [function]
  charts: undefined
  dateFormat(): [function]
  dateFormats: undefined
  numberFormat(): [function]
  setOptions(): [function]
}
Point: {
  category: [String|Number]
  percentage: [Number]
  remove(): [function]
  select(): [function]
  selected: [Boolean]
  series: [Object]
  slice(): [function]
  update(): [function]
  x: [Number]
  y: [Number]
}
Renderer: {
  arc(): [function]
  circle(): [function]
  g(): [function]
  image(): [function]
  path(): [function]
  rect(): [function]
  text(): [function]
}
Series: {
  addPoint(): [function]
  chart: [Object]
  data: [Array]
  hide(): [function]
  name: [String]
  options: [Object]
  remove(): [function]
  select(): [function]
  selected: [Boolean]
  setData(): [function]
  setVisible(): [function]
  show(): [function]
  type: [String]
  update(): [function]
  visible: [Boolean]
  xAxis: [Object]
  yAxis: [Object]
}

I also had to use setOptions to disable UTC and use the correct Drupal's timezone (http://api.highcharts.com/highcharts#global.useUTC).

The javascript workaround works, but a version in php would be perfect.

Fixing code

Does JavaScript code added with drupal_add_js() work when exporting the Highchart to a JPG or PNG?

I want to add an image to my Highchart.

I've added the following code, which adds the sun.png image to each chart on the page (I usually have 4 or 5 charts on a page).

drupal_add_js("jQuery(document).ready(function ($) {
$('.highcharts-chart').each(function() {
    $( this ).highcharts().renderer.image('http://highcharts.com/demo/gfx/sun.png', 0, 0, 50, 50).add();
  });
});", 'inline');

The image shows on screen, but not when the Highchart is exported.

@kylesmith this is a Highcharts API question. You can use the 'marker' option in the options object rather than your custom JS.

See it's use here: http://www.highcharts.com/demo/spline-symbols/gray
The API ref: http://api.highcharts.com/highcharts#series.data.marker

@scottrigby thanks, but I'm not trying to replace markers with the image. What I want to do is add images as a header of my Highcharts graph. The code I posted above would add the sun.png to the top left corner.

I know Highcharts can do it. I have created a pure Highcharts example that adds three images to the top of my Highchart and includes them in the export image files (see my example at http://jsfiddle.net/BcN83/4/), so it is not a Highcharts API question, but a Drupal Highcharts question.

When I try to set this up with the Drupal Highcharts module, I can get the images to display on the website's charts, but they do not appear when I use the Highcharts exporter. I was wondering if it is because the code in the drupal_add_js() function is not called during the export.