<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="./amcharts4/core.js"></script> <script src="./amcharts4/charts.js"></script> <script src="./amcharts4/maps.js"></script> <script src="./amcharts4/themes/animated.js"></script> <div style="width: 100%;max-height: 500px;height: 100vh;" id="chartdiv"></div> <script> am4core.ready(function() { // Themes begin am4core.useTheme(am4themes_animated); // Themes end // Create chart instance var chart = am4core.create("chartdiv", am4charts.XYChart); // Increase contrast by taking evey second color chart.colors.step = 2; // Add data chart.data = generateChartData(); // Create axes var dateAxis = chart.xAxes.push(new am4charts.DateAxis()); dateAxis.renderer.minGridDistance = 50; dateAxis.renderer.labels.template.location = 0.0001; dateAxis.baseInterval = { "timeUnit": "second", "count": 1 } // Create series function createAxisAndSeries(field, name, opposite, bullet, numberFormat) { var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); if(chart.yAxes.indexOf(valueAxis) != 0){ valueAxis.syncWithAxis = chart.yAxes.getIndex(0); } var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.valueY = field; series.dataFields.dateX = "date"; series.strokeWidth = 2; series.yAxis = valueAxis; series.name = name; if(field == "T0"){ series.tooltipText = " {date.formatDate('YYYY-MM-dd hh:mm')} \n {name}: [red bold]{valueY}°C[/]"; series.stroke = am4core.color("red"); }else if(field == "RH"){ series.tooltipText = " {date.formatDate('YYYY-MM-dd hh:mm')} \n {name}: [blue bold]{valueY}%[/]"; series.stroke = am4core.color("blue"); } series.tensionX = 0.8; series.showOnInit = true; var interfaceColors = new am4core.InterfaceColorSet(); switch(bullet) { case "RH": var bullet = series.bullets.push(new am4charts.CircleBullet()); bullet.circle.strokeWidth = 2; bullet.circle.radius = 4; bullet.circle.fill = am4core.color("#fff"); bullet.circle.stroke = am4core.color("blue"); var bullethover1 = bullet.states.create("hover"); bullethover1.properties.scale = 1.3; valueAxis.title.text = "相對濕度 (%)"; break; case "T0": // Make bullets grow on hover var bullet = series.bullets.push(new am4charts.CircleBullet()); bullet.circle.strokeWidth = 2; bullet.circle.radius = 4; bullet.circle.fill = am4core.color("#fff"); bullet.circle.stroke = am4core.color("red"); var bullethover1 = bullet.states.create("hover"); bullethover1.properties.scale = 1.3; valueAxis.title.text = "氣溫 (°C)"; break; default: var bullet = series.bullets.push(new am4charts.CircleBullet()); bullet.circle.stroke = interfaceColors.getFor("background"); bullet.circle.strokeWidth = 2; break; } valueAxis.renderer.line.strokeOpacity = 1; valueAxis.renderer.line.strokeWidth = 2; valueAxis.renderer.line.stroke = series.stroke; valueAxis.renderer.labels.template.fill = series.stroke; valueAxis.renderer.opposite = opposite; valueAxis.numberFormatter = new am4core.NumberFormatter(); valueAxis.numberFormatter.numberFormat = numberFormat; } createAxisAndSeries("T0", "氣溫", true, "T0", "#°C"); createAxisAndSeries("RH", "相對濕度", false, "RH", "#'%'"); // Add legend chart.legend = new am4charts.Legend(); // Add cursor chart.cursor = new am4charts.XYCursor(); chart.dateFormatter.inputDateFormat = "yyyy-MM-dd H:m"; chart.scrollbarX = new am4core.Scrollbar(); chart.scrollbarX.parent = chart.bottomAxesContainer; // Enable export chart.exporting.menu = new am4core.ExportMenu(); chart.exporting.menu.items[0].icon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIi"; // chart.exporting.menu.container = document.getElementById("tools"); // generate some random data, quite different range function generateChartData() { var chartData = []; chartData.push({date: "2020-03-04 00:00",RH: "78.7",T0: "20",}); chartData.push({date: "2020-03-04 00:01",RH: "78.8",T0: "20",}); chartData.push({date: "2020-03-04 00:02",RH: "79.1",T0: "20",}); chartData.push({date: "2020-03-04 00:03",RH: "79.1",T0: "20",}); chartData.push({date: "2020-03-04 00:04",RH: "78.9",T0: "20",}); return chartData; } }); // end am4core.ready() $(document).ready(function(){ $("g[aria-labelledby='id-66-title']").hide(); }) </script>
Ouput:
Pingback: cialis otc
Pingback: online cialis
Pingback: Order viagra us
Pingback: Buy brand viagra
Pingback: cialis 20 mg
Pingback: cialis 5mg price
Pingback: cialis without a doctor prescription
Pingback: viagra 100mg
Pingback: viagra 50mg
Pingback: viagra 50mg
Pingback: erection pills online
Pingback: cheap erectile dysfunction
Pingback: buy erection pills
Pingback: buy cialis generic
Pingback: walmart pharmacy
Pingback: canadian pharmacy
Pingback: Buy cialis online
Pingback: cialis generic
Pingback: levitra for sale
Pingback: order levitra
Pingback: levitra
Pingback: real money casino games
Pingback: online casino games
Pingback: viagra online prescription
Pingback: online casino real money usa
Pingback: real money online casino
Pingback: payday advance
Pingback: loan online
Pingback: quick cash loans
Pingback: viagra pills
Pingback: cialis buy
Pingback: cialis generic
Pingback: generic cialis
Pingback: 20 cialis
Pingback: 20 cialis
Pingback: real money casino
Pingback: play online casino real money
Pingback: online casino real money usa
Pingback: canada viagra
Pingback: viagra buy
Pingback: order viagra
Pingback: tadalafil 20 mg
Pingback: viagra generic
Pingback: cheap viagra
Pingback: buy viagra online
Pingback: cheap sildenafil
Pingback: generic cialis
Pingback: viagra online for sale
Pingback: drugs without prescription
Pingback: reputable canadian online pharmacy
Pingback: viagra sans ordonnance en pharmacie
Pingback: cialis online
Pingback: canadian pharmacy viagra
Pingback: cialis
Pingback: buy viagra
Pingback: erection pills online
Pingback: viagra
Pingback: ED Pills
Pingback: buy cialis online
Pingback: buy cialis canada
Pingback: cialisorgcom
Pingback: buy cialis online
Pingback: cialisorgcom
Pingback: best online viagra
Pingback: amoxicillin 250 mg price in india
Pingback: 5mg cialis
Pingback: generic viagra fast shipping
Pingback: viagra soft gel capsules
Pingback: buy levitra fast delivery
Pingback: personal loans for bad credit
Pingback: viagra 88
Pingback: sildenafil tabs 20mg
Pingback: buy levitra online
Pingback: Cost of viagra
Pingback: female viagra capsules in india
Pingback: sildenafil 90mg
Pingback: order cialis from canada
Pingback: indian generic viagra
Pingback: Usa viagra sales
Pingback: generic viagra canadian
Pingback: Real viagra pharmacy prescription
Pingback: cialis generic uk
Pingback: help writing essays for scholarships
Pingback: generic cialis
Pingback: essay help writing
Pingback: dissertation editing
Pingback: essay writing services recommendations
Pingback: viagra
Pingback: thesis proposal writing service
Pingback: buying a research paper for college
Pingback: write my statistics paper
Pingback: Buy viagra canada
Pingback: generic viagra
Pingback: canada online pharmacy
Pingback: buy Doxycyline
Pingback: cialis orders paypal paid
Pingback: natural ed treatments
Pingback: cialis for daily use
Pingback: order generic cialis
Pingback: generic viagra without a doctor prescription
Pingback: canadian pharmacies shipping usa
Pingback: where can i buy zithromax in canada
Pingback: generic viagra
Pingback: viagra without doctor prescription
Pingback: cheap erectile dysfunction pills online
Pingback: no 1 canadian pharcharmy online
Pingback: buy medication without an rx
Pingback: canada pharmacy
Pingback: Zovirax
Pingback: canada pharmacies prescription drugs
Pingback: best canadian online pharmacy
Pingback: canadian online pharmacies
Pingback: online pharmacy canada
Pingback: viagra cialis
Pingback: amoxicillin in india
Pingback: buy amoxicillin 500mg uk
Pingback: 175mg benadryl
Pingback: claritin d where to buy
Pingback: discount viagra
Pingback: viagra no prescription
Pingback: buy zithromax 500mg online
Pingback: how much is amoxicillin prescription
Pingback: canadian drugs pharmacy
Pingback: Google
Pingback: sildenafil
Pingback: cialis daily
Pingback: order cialis online no prescription reviews
Pingback: ordering cialis online australia
Pingback: cialis 20 mg best price
Pingback: generic cialis
Pingback: cialis brand name without prescription
Pingback: cialis for daily use
Pingback: gayhub
Pingback: buy cialis insurance
Pingback: viagra Without a Doctor Prescription
Pingback: wwwfreecialispills
Pingback: 1xbet ug
Pingback: ejaculating dong
Pingback: anal suppositories
Pingback: 샌즈카지노
Pingback: safe buy cialis
Pingback: 우리카지노
Pingback: 코인카지노
Pingback: TransHub
Pingback: hq porner
Pingback: sildenafil 110 mg
Pingback: ordering viagra online is it legal
Pingback: order tramadol online
Pingback: canadian pharmacy online cialis
Pingback: generic cialis 20 mg tadalafil
Pingback: buy cialis online europe
Pingback: viagra generic
Pingback: GayHub
Pingback: Belgian malinois puppies for sale
Pingback: Mining
Pingback: generic tadalafil
Pingback: buy cialis canadian
Pingback: buy cialis toronto
Pingback: MILF Porn
Pingback: pills erectile dysfunction
Pingback: lytxccnh
Pingback: Online Advertising
Pingback: pills for erection
Pingback: what happens when you take two viagra
Pingback: waar bestaat viagra uit
Pingback: online pharmacy viagra
Pingback: zithromax how to take
Pingback: lasix side effects
Pingback: avant consulting
Pingback: 샌즈카지노
Pingback: 메리트카지노
Pingback: buy nitrofurantoin generic
Pingback: 코인카지노
Pingback: buy ciplox generic
Pingback: myambutol price
Pingback: anaimmi
Pingback: freight travel
Pingback: cbd for anxiety
Pingback: best cbd gummies
Pingback: cbd for dogs
Pingback: buy cialis with paypal
Pingback: best prostate vibrator
Pingback: cialis vs levitra
Pingback: green maeng da kratom
Pingback: white maeng da kratom
Pingback: taking cialis soft tabs
Pingback: viagra
Pingback: working visa
Pingback: buy cialis
Pingback: cialis 5mg tablet
Pingback: essay writing service
Pingback: buy cbd oil
Pingback: write my research paper for me cheap
Pingback: i need help writing my essay
Pingback: software buy
Pingback: application essay help
Pingback: cialis 20mg for sale
Pingback: argumentative essay business ethics
Pingback: Purchase Weed Online
Pingback: how much does cialis cost with insurance
Pingback: مزاداتي عمان
Pingback: BUY PERCOCET TABLETS ONLINE
Pingback: masturbation boys
Pingback: Idaho Fake driver's license
Pingback: Can I buy Hydrocodone online
Pingback: buy kratom online
Pingback: kratom for anxiety
Pingback: cialis 20mg for sale
Pingback: 우리카지노
Pingback: 퍼스트카지노
Pingback: online cricket betting sites in indian rupees
Pingback: buy prescription drugs
Pingback: buy cialis with paypal
Pingback: cialis 20mg for sale
Pingback: viagra from canada
Pingback: Great Dane puppies for sale
Pingback: amoxil 250mg
Pingback: buy furosemide 40 mg uk
Pingback: viagra cost
Pingback: azithromycin over the counter nz
Pingback: Outsourcing Agency
Pingback: ivermectin pills
Pingback: cheap viagra online
Pingback: ventolin proventil
Pingback: safestore auto
Pingback: pc app free download
Pingback: download apk app for pc
Pingback: order viagra online
Pingback: apps download for windows 7
Pingback: viagra over the counter walmart
Pingback: generic zithromax 500mg india
Pingback: viagra over the counter
Pingback: doxycycline and depression
Pingback: prednisolone ophthalmic drops
Pingback: singapore divorce lawyer
Pingback: clomid at 40
Pingback: dapoxetine (generic priligy
Pingback: christiandogma
Pingback: diflucan otc
Pingback: magnesium synthroid
Pingback: Massachusetts Fake driver's license
Pingback: help with essay
Pingback: order ed pills
Pingback: unique wall art
Pingback: phd thesis writing
Pingback: Buy Opana Online
Pingback: reviews for essay writing services
Pingback: MAGIC MUSHROOM GROW KIT
Pingback: dissertation help online
Pingback: zithromax online no prescription
Pingback: help me write a thesis statement
Pingback: https://trippydelics.ca
Pingback: 32 neurontin
Pingback: pay to write my essay
Pingback: buy zithromax 500mg online
Pingback: click here
Pingback: Pc hilfe rapperswil
Pingback: propecia dht
Pingback: Herbal incense
Pingback: write my social work essay
Pingback: Herbal incense
Pingback: paying someone to write a paper
Pingback: Furniture
Pingback: guns for sale craigslist
Pingback: shipping container accessories
Pingback: cialis black
Pingback: canadapharmacy.com
Pingback: meds from india
Pingback: Canada services
Pingback: virtual visa card buy with bitcoin
Pingback: neurontin substitutes
Pingback: metformin usage
Pingback: Buy THC Weed in Europe
Pingback: zoloft vs paxil
Pingback: shipping container office
Pingback: 24 awg wire
Pingback: plaquenil and arava
Pingback: virtual card buy
Pingback: cialis canadian pharmacy
Pingback: ed pills
Pingback: Pharmacy in Canada
Pingback: delta 8 THC near me
Pingback: canadian pharmacy online
Pingback: viagra prescription
Pingback: Workshop aggregator
Pingback: guns for sale online
Pingback: 20mg generic cialis
Pingback: buy heroin online
Pingback: clomiphene for sale
Pingback: tadalafil tablets
Pingback: amoxicillin 500mg cost
Pingback: Vidalista 20mg
Pingback: psilocybe cubensis
Pingback: siamese kittens for sale near me
Pingback: price of metformin 850 mg
Pingback: Commercial Kitchen Cleaning Company UK
Pingback: Guns for sale
Pingback: SEO Services USA