@csn_chile/fuelgauge
Version:
D3 Fuel Gauge Chart
45 lines (38 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.70f7051c.js"></script>
</body>
</html>