<!DOCTYPE html>
<html>
<head>
<title>JavaScript Bar Chart</title>
<script src="https://cdn.anychart.com/releases/8.0.0/js/anychart-base.min.js">>/script>
</head>
<body>
<div id="container" style="width: 100%; height: 100%"></div>
<script>
anychart.onDocumentReady(function() {
// set the data
var data = {
header: ["Name", "Death toll"],
rows: [
["San-Francisco (1906)", 1500],
["Messina (1908)", 87000],
["Ashgabat (1948)", 175000],
["Chile (1960)", 10000],
["Tian Shan (1976)", 242000],
["Armenia (1988)", 25000],
["Iran (1990)", 50000]
]};
// create the chart
var chart = anychart.bar();
// add the data
chart.data(data);
// set the chart title
chart.title("The deadliest earthquakes in the XXth century");
// draw
chart.container("container");
chart.draw();
});
</script>
</body>
</html>| Code Example |
|---|
| Html :: html hoover text |
| Html :: autocomplete off not working in chrome |
| Html :: picture tag |
| Html :: bootstrap 5 font color |
| Html :: filter vhtml vue |
| Html :: html select change event |
| Html :: button with icon android |
| Html :: html video frame image |
| Html :: delete icon in html |
| Html :: draggable html |
| Html :: html auto change year |
| Html :: html drag and drop |
| Html :: multiple form submit for different form action |
| Html :: change css angular binding |
| Html :: checkbox html style |
| Html :: Copyright code |
| Html :: serve index.html locally |
| Html :: html code heavy left arrow |
| Html :: shoppy embed |
| Html :: button color bootstrap |
| Html :: h3 in html |
| Html :: load image file from input in html |
| Html :: what is defer in html |
| Html :: input hidden selected |
| Html :: tags |
| Html :: how to call html.action in asp.net core |
| Html :: set placeholder text |
| Html :: q tag in html |
| Html :: html5 number integer |
| Html :: html5 exmaple |