Added targetline plugin

This commit is contained in:
htwyford 2017-08-11 12:07:43 -04:00
parent 6b538f1a64
commit 0de4a2f283
4 changed files with 38 additions and 0 deletions

View File

@ -18,6 +18,7 @@
"chartist-plugin-threshold": "~0.0.1",
"chartist-plugin-fill-donut": "~0.0.1",
"chartist-plugin-zoom": "~0.2.1",
"chartist-plugin-targetline": "~1.0.0",
"matchMedia": "~0.2.0",
"moment": "^2.14.1"
},

View File

@ -252,6 +252,30 @@ sections:
-
- '<strong>Link:</strong>'
- '<a href="https://github.com/hansmaad/chartist-plugin-zoom" target="_blank">chartist-plugin-zoom</a>'
- type: sub-section
data:
title: Target Line Plugin
level: 4
items:
- type: text
data:
text: >
The target line plugin allows you to draw a target line on your chart.
- type: live-example
data:
id: example-plugin-targetline
classes: ct-golden-section
intro: >
Pass a value to the plugin to draw a target line on the chart.
- type: table
data:
rows:
-
- '<strong>Author:</strong>'
- Harry Twyford
-
- '<strong>Link:</strong>'
- '<a href="https://github.com/htwyford/chartist-plugin-targetline" target="_blank">chartist-plugin-targetline</a>'
- title: Develop a plugin
level: 3
items:

View File

@ -0,0 +1,12 @@
new Chartist.Line('.ct-chart', {
labels: ['M', 'T', 'W', 'T', 'F'],
series: [
[5, 11, 2, 5, 7]
]
}, {
plugins: [
Chartist.plugins.ctTargetLine({
value: 6
})
]
});

View File

@ -77,6 +77,7 @@
<script src="bower_components/chartist-plugin-threshold/dist/chartist-plugin-threshold.js"></script>
<script src="bower_components/chartist-plugin-fill-donut/dist/chartist-plugin-fill-donut.js"></script>
<script src="bower_components/chartist-plugin-zoom/dist/chartist-plugin-zoom.js"></script>
<script src="bower_components/chartist-plugin-targetline/chartist-plugin-targetline.js"></script>
<!-- Chartist site scripts -->
<script src="scripts/main.js"></script>