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
- Highchart - Area chart: customize tooltip
- *Highcharts* Drawing Percent Line Chart
- How to render highcharts from column to colum and pie( per catagory)
- dotnet Highcharts 3D Scatter Plot
- R - Highcharter, How to avoid increasing the indentation of the y axis label?
- Highmaps: PHP $_GET[] with JQuery Ajax: sending a value to the same page and capturing with PHP
- High chart export not working in android webview
- Aligning labels in highchart donut
- How to add custom map and custom data to Highmaps?
- Set Bootstrap Panel Size 100% + Highcharts content
- Highcharts custom events plugin right click event not firing
- Live chart in Highcharts makes the line series very .. mountainous
- How do I access HighCharts themes, modify and create new themes?
- How to get time and value from MySQL into Highcharts
- ERROR TypeError: series.addPoint is not a function - Angular highcharts
- Highcharts visualization tips
- how do you change the color of cells in highcharts heatmap?
- Zoom in not working on Highmaps
- Convert datetime to timestamp milliseconds adding +1 month
- Click event and two way data binding in HighCharts using AngularJS
- how to pass database values in Yii2 Highchart
- Change background color of highcharts on hover
- Summarize & Group By with Lodash
- How to convert an object array DataTable recognizes to something Highcharts recognizes?
- Full Screen broken - Stock Tools
- How to increase the tickLength of specific x ticks in highcharts
- text-decoration:line-through; in SVG rendered by Highcharts
- Highcharts: Using JSON to load xAxis data as 'datetime'?
- Highcharts: phantomjs export image missing labels
- HighCharts Pattern-fill Diagonal pattern with solid lines