]> git.ipfire.org Git - thirdparty/Chart.js.git/commitdiff
projects / thirdparty / Chart.js.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: e7233c2)
improve bar-stacked sample
authorVille Hämäläinen <hamalainen.ville.p@gmail.com>
Sun, 28 Feb 2016 07:55:28 +0000 (09:55 +0200)
committerVille Hämäläinen <hamalainen.ville.p@gmail.com>
Sun, 28 Feb 2016 07:55:28 +0000 (09:55 +0200)
- set title
- set same size canvas as other samples
- remove user select from canvas

samples/bar-stacked.html patch | blob | blame | history

diff --git a/samples/bar-stacked.html b/samples/bar-stacked.html
index b63db62371cd3f77dc0b89ed94067315157aaa8f..e85a72b26bc40563c1e0624674f7d038107bfede 100644 (file)
--- a/samples/bar-stacked.html
+++ b/samples/bar-stacked.html
@@ -5,11 +5,18 @@
     <title>Stacked Bar Chart</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>
@@ -43,6 +50,10 @@
                 type: 'bar',
                 data: barChartData,
                 options: {
+                    title:{
+                        display:true,
+                        text:"Chart.js Bar Chart - Stacked"
+                    },
                     tooltips: {
                         mode: 'label'
                     },
Mirror of https://github.com/chartjs/Chart.js.git