Chart / dataset /web /AnyChart /bar /chart_0049_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>BCT Bar Chart 05</title>
<link href="https://playground.anychart.com/docs/samples/BCT_Bar_Chart_05/iframe" rel="canonical">
<meta content="Bar Chart,Bar Graph,Column Chart,Vertical 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 () {
// create data
var data = [
["John", 10000],
["Jake", 12000],
["Peter", 13000],
["James", 10000],
["Mary", 9000]
];
// create a chart
var chart = anychart.bar();
// create a bar series and set the data
var series = chart.bar(data);
// set the chart title
chart.title("Bar Chart: Padding (Single Series)");
// set the padding between bar groups
chart.barGroupsPadding(0);
// set the titles of the axes
chart.xAxis().title("Manager");
chart.yAxis().title("Sales, $");
// set the container id
chart.container("container");
// initiate drawing the chart
chart.draw();
});</script>
</body>
</html>