I am trying to add a background image to my speedometer created with high quality but it seems that I Can not receive
This is my job:
jQuery (function () {
jQuery ('# speedometer'). HighChurch ({chart: {type : 'Gauge', background color: 'RGBA (255, 255, 255, 0.1)', height: 200, plotBackgroundColor: null, plotBackgroundImage: 'http://www.psdgraphics.com/file/colorful-triangles-background. Export: {Enabled: false}, credit: {enabled: false}, pane: {startAngle: -90, endAngle: jpg ', plotBorderWidth: 0, plotShadow: false}, title: {text:' NÚMERO DI '} 90, center ['50%', '98% '], Size: 250, Background: [{Background color:' RGBA (255, 255, 255, 0.1) ', BorderWidth: 0, outerRadius:' 0% ', InnerRadiu's: '100%'}]}, plotOptions: {Gaage: {dataLabels: {Enabled: false }, Radius: 'radius:', '90% White, background color: 'transparent'}}} // value axis yAxis: {min: 0, max: 100, minorTickInterval: 'auto', minorTickWidth: 0, minorTickLength: 0, minorTickPosition: 'outside', minorTickColor: '# 767,775', tickPixelInterval: 80, tickWidth: 1, tickPosition: 'out', tickLength: 10, tickColor: '# 767,775', label: {step: 1, rotation: 'auto', distance: 1}}} , Series: [{Name: 'Nemero de Twink', data: [80], color: '#ff',}]}, // Add some life work (chart) {if (chart.renderer .forExport) {setInterval (Func Tion () {var point = chart.series [0]. Point [0], newVal, inc = Math.round ((Math.random (- 0.5) * 20); NewVal = point.y + inc; If (Newell & lt; 0 || newVal & gt; 200) {newVal = point.y - inc; } Point.update (newVal); }, 3000); }});
});
The picture below shows what I want to achieve
Is there a way to add a background image or do this with a CSS3 gradient? Thanks for any help!
Set the zoom in the background as the background in the object.
pane: {startAngle: -90, endAngle: 90, center: ['50%', '98% '], Size: 250, background: faucet},
< / Pre>example:
Comments
Post a Comment