score:0
I understand that u are trying to change the background image in the Highchart.
Just giving chart.plotBGImage.attr({href: 'xxx'});
will not help, u will need to reload the entire HighChart.
I did this (without the Live Data part as its working fine for you!!) Fiddle
score:0
You can disable stanrdard bacrkgoudn color by:
backgroundColor: 'rgba(255,255,255,0)'
Then set backgorund in CSS for #contaniner and use jquery / javacript to modify it.
example: http://jsfiddle.net/LGzuj/
score:1
This is how I changed the background image of my chart: Download any pattern and put it in your image folder, now simply add the following code in your highchart:
chart: {
plotBackgroundImage:'/assets/lightpaperfibers.png',
},
Write the name of image in the paths i.e. '/assets/your_image.png'
score:1
The command:
chart.highcharts().plotBGImage.attr({href: picturePath});
allows to change the image on the chart. I changes the image after click the button, so this works.
In my project picturePath
was the path to a folder with a picture: "Pictures/example.png"
The exact code:
self.chartPlot = chart.highcharts();
...
self.pic = ...;
self.chartPlot.plotBGImage.attr({href: self.pic});// changes the image on the chart.
Now (Nov 2014) I'm working on my project www.tanks-vs.com with actively using Highcharts and also this command. So after 1 or 2 weeks it will be implemented there, you can see.
Source: stackoverflow.com
Related Articles
- Refresh (or change) background image dynamically
- change barchart background color dynamically in highcart
- highcharts change rendered image source on click
- How do I dynamically change a data point in Highcharts using JavaScript
- Highcharts dynamically change bar color based on value
- How can I change the unit at y axis dynamically at Highcharts?
- HighCharts Dynamically Change Chart Type
- Highcharts - change background color along specific date range
- Change series data dynamically in react-highcharts without re-render of the chart
- Highcharts: dynamically change the tooltip formatter?
- How to dynamically change axis from linear to logarithmic in HighChart
- Is it possible to change background color of highcharts?
- change button image
- How to dynamically change borderColor of series in highcharts?
- Highcharts: Dynamically change / add axis attributes
- How to add a background image (pattern) to highchart column graph?
- Highcharts: Dynamically change single column width to highlight one sample
- HighStock change tickPositions for Axis dynamically
- Highcharts - How do I dynamically change Marker radius when zooming?
- Highcharts Change Bar Background Color Based on categories value
- HighCharts. Change options dynamically
- HighCharts - Dynamically Change Axis Title Color
- Change range in Highstock dynamically
- how to dynamically change column chart to mirror chart using highchart
- highcharts.js change color of the lines in the background
- Highcharts area range series change plotting area dynamically
- How to change the background color of measure tool in stock chart in highstock?
- Highcharts background image size option
- highmaps click on country and change its background color, Also remove the Series 1 from tooltips
- Highcharts: Dynamically change the offset of the xAxis
- series labels are one over another(overlapping)
- Table appearing in front of my dropdown menu
- Highcharts adds duplicate xmlns attribute to SVG element in IE
- Is it possible to populate grouped categories dynamically in the grouped-categories plugin using an array?
- Highcharts Zoom in Logarithmic Scale
- Accessing the response text for JSONP. Flattening multiple objects to text
- How to add dotted line to a country in Africa map?
- Highcharts dynamic binding in c# or json
- Highcharts: xAxis label above bar in horizontal bar charts
- Chart Width no render ok
- Populate three highchart graphics with one ajax call
- How to plot data in Highcharts where time and value are swapped?
- How to change Highchart tooltip font family
- Highcharts can't render a bubble chart with a single series
- In Highcharts after zoom in and zoom out some of the x-axis values are not display
- How to remove blank spaces between xAxis labels?
- Highstock | Tooltip displacement | Tooltip content picks previous day's data on current day tooltip when zoomed in
- How to draw the line maximum Height for Highchart(area spline)
- highcharts datalabel per point with different format
- How to stop Highmaps on mouse hover to change SVG path orders