HighCharts Evaluation Test

Developer
Scott Niejadlik
Size
2,981 Kb
Views
36,432
  1. HighCharts Evaluation Test Previews
  2. HighCharts Evaluation Test HTML Codes
  3. HighCharts Evaluation Test JS Codes

How do I make an highcharts evaluation test?

What is a highcharts evaluation test? How do you make a highcharts evaluation test? This script and codes were developed by Scott Niejadlik on 07 September 2022, Wednesday.

HighCharts Evaluation Test Previews
IQ Test

HighCharts Evaluation Test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>HighCharts Evaluation Test</title>
</head>
<body> <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.5/TweenMax.min.js'></script>
<script src='https://code.highcharts.com/highcharts.js'></script>
<script src='https://code.highcharts.com/highcharts-more.js'></script>
<script src='https://code.highcharts.com/modules/exporting.js'></script> <script src="js/index.js"></script>
</body>
</html>

HighCharts Evaluation Test - Script Codes JS Codes

$(function () { $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=range.json&callback=?', function (data) { var lineData = [5000,8145.5835,10735.80633,13931.30729,	16790.51276,20962.41595,25172.38779,29627.7185,	35245.08678,41573.92581,48637.20158,55588.26493,	62727.67852,66723.32141,76462.86278,86542.97968,	100912.8544,112002.0041,128094.3933,132603.411,149741.125,171841.1728,193419.5015]; var lineData2 = [-40, -39, -137, -45, -69, -36, -71, -28, -60, -34, 20, 50, 25, 12, 34, 16, 20, 51, 35, 37, 58, 60]; var plot = []; var plot2 = []; var i=0; var limit = lineData.length; data = []; for (i=0;i<limit;++i) { var node = []; var node2 = []; var range = []; range.push(100000000000*i); range.push(lineData[i]-2*i); range.push(lineData[i]+2*i); data.push(range); node.push(100000000000*i); node.push(lineData[i]); plot.push(node); node2.push(100000000000*i); node2.push(lineData2[i]); plot2.push(node2); } /*data = [[0771600000, -41.8, -40.1],
[0858000000, -44.1, -51.4],
[0944400000, -46.5, -44.1],
[1030800000, -8.9, -0.7],
[1117200000, -9.7, -3.7],
[1203600000, -13.4, 3.2],
[1290000000, -13.9, -0.2],
[1376400000, -12.4, 6.7],
[1462800000, 3.8, 6.9],
[1549200000, 3.1, 6.8],
[1635600000, 0.0, 7.6],
[1722000000, 5.6, 9.4],
[1808400000, 3.6, 6.5],
[1894800000, -3.6, 3.8],
[1981200000, -6.0, -1.5]]*/ $('#container').highcharts({ chart: { }, title: { text: 'variability' }, xAxis: { type: 'datetime' }, yAxis: { title: { text: "Value" } }, tooltip: { crosshairs: true, shared: true//, // valueSuffix: '°C' }, legend: { enabled: false }, plotOptions: { series: { animation: { duration: 0 } } }, series: [{ name: 'Projected Value', data: plot, zIndex: 1, marker: { fillColor: 'white', lineWidth: 2, lineColor: Highcharts.getOptions().colors[0] }//, // events: { // update: function(){ // console.log('updating'); // } // } },{ name: 'Projected Range', data: data, type: 'arearange', color: '#008822'//, //negativeColor: '#00ff66' }] }); function onPlotUpdate(values) { /*var limit = plot2.length; var i = 0; for (i=0;i<limit;++i) { var val = plot2[i][1]; console.log(chart.series[0].data[i]); chart.series[0].data[i].update(val); }*/ // chart.series[0].data[0].update(-25); //chart.series[0].data[1].update(-10); // chart.series[0].data[2].update(25); var change =[-250,500,100,200,40,600,700,1000,1200,1600,3004,2400,120,1500,560,780,540,3300]; if (values !== undefined) { change = values } var i = 0; var limit = change.length; for (i=0;i<limit;++i) { var value = change[i]; TweenMax.delayedCall(i/10,updateValue,[i,value]) // chart.series[0].data[i].update(value); } //chart.series[1].data[i].update([value-2*i,value+2*i]); // chart.series[1].data[0].update([-15,-55]); //chart.series[1].data[1].update([-15,-5]); // chart.series[1].data[2].update([10,-35]); } function updateValue(i,value) { chart.series[0].data[i].update(value) chart.series[1].data[i].update([value-2*i,value+2*i]); } var chart = $('#container').highcharts(), series = chart.series[0]; TweenMax.to(plot,8,plot2); onPlotUpdate(); //TweenMax.to(chart,8,{x:'+='+10, onUpdate:onPlotUpdate}); });
});
HighCharts Evaluation Test - Script Codes
HighCharts Evaluation Test - Script Codes
Home Page Home
Developer Scott Niejadlik
Username sniejadlik
Uploaded September 07, 2022
Rating 3
Size 2,981 Kb
Views 36,432
Do you need developer help for HighCharts Evaluation Test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Scott Niejadlik (sniejadlik) Script Codes
Name
WebGL Burst
Chaos Nebula
Location mapping exp
Light Curtains
Nested Object3d to World coordinates
Planetary Migrations
LHC
Lab
Svg ocean waves
Particle Motion trajectories
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!