]> git.ipfire.org Git - thirdparty/Chart.js.git/commitdiff
improve bar-multi-axis sample
authorVille Hämäläinen <hamalainen.ville.p@gmail.com>
Sun, 28 Feb 2016 07:54:16 +0000 (09:54 +0200)
committerVille Hämäläinen <hamalainen.ville.p@gmail.com>
Sun, 28 Feb 2016 07:54:16 +0000 (09:54 +0200)
- set title
- set same size canvas as other samples
- remove user select from canvas

samples/bar-multi-axis.html

index a7f13c2a4d7991e89ef95e9ddaf570c4d4f10d38..9c8ec3642b7b2139ce537be4454229f7a8e779b6 100644 (file)
@@ -5,11 +5,18 @@
     <title>Bar Chart Multi Axis</title>
     <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
     <script src="../dist/Chart.bundle.js"></script>
+    <style>
+    canvas {
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+    }
+    </style>
 </head>
 
 <body>
-    <div style="width: 50%">
-        <canvas id="canvas" height="450" width="600"></canvas>
+    <div style="width: 75%">
+        <canvas id="canvas"></canvas>
     </div>
     <button id="randomizeData">Randomize Data</button>
     <script>
                 hoverMode: 'label',
                 hoverAnimationDuration: 400,
                 stacked: false,
+                title:{
+                    display:true,
+                    text:"Chart.js Bar Chart - Multi Axis"
+                },
                 scales: {
                     yAxes: [{
                         type: "linear", // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance