Love Meter Test
[tcb-script src=”https://code.highcharts.com/highcharts.js”][/tcb-script][tcb-script src=”https://code.highcharts.com/highcharts-more.js”][/tcb-script][tcb-script src=”https://code.highcharts.com/modules/exporting.js”][/tcb-script][tcb-script src=”https://code.highcharts.com/modules/export-data.js”][/tcb-script]MonthJanuaryFebuaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecemberDay12345678910111213141516171819202122232425262728293031[tcb-script]Highcharts.chart(‘container’, {chart: {type: ‘gauge’,plotBackgroundColor: null,plotBackgroundImage: null,plotBorderWidth: 0,plotShadow: false},title: {text: ‘<h3><b>The Soulmate Love Meter</b></h3>’},pane: {startAngle: -160,endAngle: 160,background: [{backgroundColor: {linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },stops: [[0, ‘#FFF’],[1, ‘#333’]]},borderWidth: 0,outerRadius: ‘100%’}, {backgroundColor: {linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },stops: [[0, ‘#fff’],[1, ‘#FFF’]]},borderWidth: 5,outerRadius: ‘107%’}, {// default background}, {backgroundColor: ‘#44034c’,borderWidth: 0,outerRadius: ‘105%’,innerRadius: ‘100%’}]},// the value axisyAxis: {min: 0,max: 100,minorTickInterval: ‘auto’,minorTickWidth: 0,minorTickLength: 10,minorTickPosition: ‘inside’,minorTickColor: ‘#666’,tickPixelInterval: 20,tickWidth: 1,tickPosition: ‘inside’,tickLength: 10,tickColor: ‘#f3f3f3’,labels: {step: 4,rotation: ‘auto’},title: {text: ‘<b>Love Meter</b>’},plotBands: [{from: 0,to: 20,color: ‘#e50020’ // green}, {from: 20,to: 40,color: ‘#f89416’ // yellow}, {from: 40,to: 60,color: ‘#feda0a’ // red}, {from: 60,to: 80,color: ‘#97c72c’ // red}, {from: 80,to: 100,color: ‘#41ad38’ // red}]},series: [{name: ‘Result’,data: [32],tooltip: {valueSuffix: ”}}]},// Add some lifefunction (chart) {//jQuery(‘.highcharts-credits’).remove();if (!chart.renderer.forExport) {setInterval(function () {var point = chart.series[0].points[0],newVal,inc = Math.round((Math.random() – 0.5) * 20);newVal = point.y + inc;if (newVal < 0 || newVal > 200) {newVal = point.y – inc;}point.update(newVal);}, 50);}});//element.classList.remove(“highcharts-credits”);[/tcb-script]
