Module: v-chart-plugin-module

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) 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) 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