This plugin is designed to allow Vue.js developers
to incorporate fully reactive and customizable charts into their
applications. The plugin is built off of the D3.js JavaScript
library for manipulating documents based on data. By binding data
from your components, you can create complex charts and graphs that
respond to changes in your application. Vue.js lifecycle events
will trigger the charts to update and maintain two-way binding
between your charts and your data. By adding in a state management
(such as Vuex) you can additionally persist state across an entire application.
- Source:
Methods
(inner) addTooltip(d, e)
Adds a tooltip to the SVG
Parameters:
Name | Type | Description |
---|---|---|
d |
Object | dataset |
e |
Object | event x and y coordinates |
- Source:
(inner) areaChart()
Area chart directive
- Source:
(inner) barChart()
Bar chart directive
- Source:
(inner) clearAxis()
Remove x and y axes
- Source:
(inner) clearCanvas()
Remove all content from the SVG
- Source:
(inner) drawTitle()
Appends title and subtitle to the chart
- Source:
(inner) ds() → {Object}
Computed.
- Source:
Returns:
normalized dataset
- Type
- Object
(inner) generateLegend()
generate legend if option -legends- defined as true
- Source:
(inner) header() → {number}
Computed.
- Source:
Returns:
Total header height
- Type
- number
(inner) height() → {number}
Computed.
- Source:
Returns:
Chart Height
- Type
- number
(inner) initalizeChart()
Generate a new Chart of type chartType
- Source:
(inner) lineGraph()
Line Graph directive
- Source:
(inner) max() → {number}
Computed.
- Source:
Returns:
Max value for metric
- Type
- number
(inner) min() → {number}
Computed.
- Source:
Returns:
Min value for metric
- Type
- number
(inner) pieChart()
Pie chart directive
- Source:
(inner) refreshChart()
Redraw the Chart when the data is recycled
- Source:
(inner) removeTooltip(d)
Removes all tooltips from the SVG
Parameters:
Name | Type | Description |
---|---|---|
d |
Object | dataset |
- Source:
(inner) scatterPlot()
Scatter Plot directive
- Source:
(inner) setOverrides()
override default values
- Source:
(inner) subtitleHeight() → {number}
Computed.
- Source:
Returns:
Height of chart subtitle
- Type
- number
(inner) titleHeight() → {number}
Computed.
- Source:
Returns:
Height of the chart title
- Type
- number
(inner) vBarChard()
Verticle Bar chart directive
- Source:
(inner) width() → {number}
Computed.
- Source:
Returns:
Chart width
- Type
- number