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 Query
- 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
More Query from same tag
- Combining a horizontal bar graph and stock chart (with navigator) HighCharts
- Highchart step line chart tooltip show old data when there is no data
- Angular 2 highcharts final setup
- how to show PHP array in jQuery alert?
- Use Javascript to select a colour declared in CSS
- Yii - Highcharts - Cannot get chart to show
- Highcharts pie charts individual sections are not receive focus. Tooltips are not displayed on focus
- How to convert xts object in JSON in R?
- Highcharts | Custom plotOptions->series->dataLabels
- HighCharts: Adding different type of data to points
- Highchart merge won't enable labels in xAxis
- convert string into array for highcharts js
- Opacity Highcharts pie chart IE8
- Highcharts: Adding extra text to legend
- Setting yaxis as logarithmic with Highcharts cakephp plugin
- PHP Return JSON with ? as callback
- Can I set HighChart startOnTick/EndOnTick dynamically?
- Make Highcharts column chart bars as wide as mandated by a linear xaxis
- hightchart : centered value and arrow
- Highcharts highstock tooltip series order
- angular io highchart socket io
- highstocks, how can I bring values that I will only use on the 'click' option?
- Highcharts axis break is not collapsing section
- Is there a reliable way to have a 1 month auto generated tick interval with high charts?
- How can I show daily grid lines in HighStock? Currently seems buggy
- Keep selection in highcharts even on page refresh
- HighCharts axis flip on export
- Highcharts heatmap without fixed non-temporal axis
- Highcharts combination chart from JSON data
- How to add horizontal threshold lines after data is loaded?