Welcome aboard! We are happy you are here and wish you good net-raft!
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
window.onload = function() {
var options = {
animationEnabled: true,
theme: "dark1",
exportEnabled: true,
title:{
text: "Your title"
},
axisX: {
valueFormatString: "MMM"
},
axisY: {
includeZero:false,
prefix: "$",
title: "USD"
},
data: [{
type: "candlestick",
yValueFormatString: "$###0.00",
xValueFormatString: "MMM",
dataPoints: [
{ x: new Date(2018, 00, 01), y: [34.080002, 36.060001, 33.410000, 36.060001] },
{ x: new Date(2018, 01, 01), y: [36.040001, 37.500000, 35.790001, 36.950001] },
{ x: new Date(2018, 02, 01), y: [37.099998, 39.720001, 37.060001, 39.169998] },
{ x: new Date(2018, 03, 01), y: [38.669998, 39.360001, 37.730000, 38.820000] },
{ x: new Date(2018, 04, 01), y: [38.869999, 39.669998, 37.770000, 39.150002] },
{ x: new Date(2018, 05, 01), y: [39.099998, 43.419998, 38.580002, 43.209999] },
{ x: new Date(2018, 06, 01), y: [43.209999, 43.889999, 41.700001, 43.290001] },
{ x: new Date(2018, 07, 01), y: [43.250000, 43.500000, 40.549999, 40.880001] },
{ x: new Date(2018, 08, 01), y: [40.849998, 41.700001, 39.549999, 40.610001] },
{ x: new Date(2018, 09, 01), y: [40.619999, 41.040001, 36.270000, 36.790001] },
{ x: new Date(2018, 10, 01), y: [36.970001, 39.669998, 36.099998, 38.630001] },
{ x: new Date(2018, 11, 01), y: [38.630001, 42.840000, 38.160000, 40.380001] }
]
}]
};
$("#ChartPlace").CanvasJSChart(options);
}
</script>
</head>
<body>
<div id="ChartPlace" style="height: 370px; width: 80%;"></div>
<script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
</body>
</html>
The most helpful JQUERY solutions
plugin get client ip address using jqueryJQUERY Click to see more ... 10.4K 1.8K