jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

[docs] Add a CodePen demo

Browse Source
This commit is contained in:
Prateeksha Singh 2018-04-21 19:13:47 +05:30
parent 1dbf54d81a
commit 423dc524d7
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -6,7 +6,10 @@
<p align="center"> <p align="center">
<p>GitHub-inspired modern, intuitive and responsive charts with zero dependencies</p> <p>GitHub-inspired modern, intuitive and responsive charts with zero dependencies</p>
<a href="https://frappe.github.io/charts"> <a href="https://frappe.github.io/charts">
<b>Explore Demos »</b> <b>Explore Demos » </b>
</a>
<a href="https://codepen.io/pratu16x7/pen/wjKBoq">
<b> Edit at CodePen »</b>
</a> </a>
</p> </p>
</div> </div>

18
docs/index.html
View File

@ -56,15 +56,15 @@
datasets: [ datasets: [
{ {
label: "Some Data", chartType: 'bar', name: "Some Data", chartType: 'bar',
values: [25, 40, 30, 35, 8, 52, 17, -4] values: [25, 40, 30, 35, 8, 52, 17, -4]
}, },
{ {
label: "Another Set", chartType: 'bar', name: "Another Set", chartType: 'bar',
values: [25, 50, -10, 15, 18, 32, 27, 14] values: [25, 50, -10, 15, 18, 32, 27, 14]
}, },
{ {
label: "Yet Another", chartType: 'line', name: "Yet Another", chartType: 'line',
values: [15, 20, -3, -15, 58, 12, -17, 37] values: [15, 20, -3, -15, 58, 12, -17, 37]
} }
], ],
@ -78,7 +78,7 @@
title: "My Awesome Chart", title: "My Awesome Chart",
type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage' type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage'
height: 300, height: 300,
colors: ['purple', '#ffa3ef', 'red'], colors: ['purple', '#ffa3ef', 'light-blue'],
tooltipOptions: { tooltipOptions: {
formatTooltipX: d => (d + '').toUpperCase(), formatTooltipX: d => (d + '').toUpperCase(),
@ -230,6 +230,16 @@
</div> </div>
</div> </div>
<div class="col-sm-10 push-sm-1">
<p data-height="299" data-theme-id="light" data-slug-hash="wjKBoq" data-default-tab="js,result"
data-user="pratu16x7" data-embed-version="2" data-pen-title="Frappe Charts Demo" class="codepen">
See the Pen <a href="https://codepen.io/pratu16x7/pen/wjKBoq/">Frappe Charts Demo</a>
by Prateeksha Singh (<a href="https://codepen.io/pratu16x7">@pratu16x7</a>) on
<a href="https://codepen.io">CodePen</a>.
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
</div>
<div class="col-sm-10 push-sm-1"> <div class="col-sm-10 push-sm-1">
<div class="dashboard-section"> <div class="dashboard-section">
<h6 class="margin-vertical-rem">Available options:</h6> <h6 class="margin-vertical-rem">Available options:</h6>