Chart / dataset /web /AnyChart /bar /chart_0053_bar.html
Pekku's picture
Upload folder using huggingface_hub
79dc9c8 verified
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>AGST Scales 08</title>
<link href="https://playground.anychart.com/docs/samples/AGST_Scales_08/iframe" rel="canonical">
<meta content="Bar Chart,Column Chart" name="keywords">
<meta content="AnyChart - JavaScript Charts designed to be embedded and integrated" name="description">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="_deps/cdn.anychart.com/releases/8.14.1/css/anychart-ui.min_qe95e7e741b.css" rel="stylesheet" type="text/css">
<style>html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}</style>
</head>
<body>
<div id="container"></div>
<script src="_deps/cdn.anychart.com/releases/8.14.1/js/anychart-base.min_qe95e7e741b.js"></script>
<script src="_deps/cdn.anychart.com/releases/8.14.1/js/anychart-exports.min_qe95e7e741b.js"></script>
<script src="_deps/cdn.anychart.com/releases/8.14.1/js/anychart-ui.min_qe95e7e741b.js"></script>
<script type="text/javascript">anychart.onDocumentReady(function () {
// data
var data = [
["C", 5, 10, 10],
["D", 25, 20, 30],
["E", 15, 15, 15]
];
// create chart
var chart = anychart.column();
chart.data(data);
chart.title("Major and Minor Ticks");
// setting ticks and minor ticks
chart.yScale().ticks().interval(10);
chart.yScale().minorTicks().interval(2);
// display minor ticks
chart.yAxis().minorTicks().enabled(true);
// display chart
chart.container("container");
chart.draw();
});</script>
</body>
</html>