@csn_chile/fuelgauge
Version:
D3 Fuel Gauge Chart
47 lines (40 loc) • 1.18 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>D3.js Updating Radar Chart</title>
<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<!-- D3.js -->
<style>
body {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 300;
fill: #242424;
text-align: center;
text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
cursor: default;
}
.legend {
font-family: 'Raleway', sans-serif;
fill: #333333;
}
.tooltip {
fill: #333333;
}
</style>
</head>
<body>
<article>
<section style="border: solid 1px black; margin: 5px; padding: 5px; background-color: skyBlue;">
<div id="fuelGauge"></div>
<form>
<input type="button" id="buttonRandomFuelGauge" value="Cambiar">
</form>
</section>
</article>
<script src="default.js"></script>
</body>
</html>