vue-dcjs v0.1.22

vue-dcjs

A custom built binding for dc in vue. Comes with built in Vue component charts as well as bindings for dc d3 and crossfilter for you to customize and create your own charts as necessary.

Check out the DEMO PAGE or follow the api reference links below.

cli

npm install --save vue-dcjs

main.js

import { VueDc } from 'vue-dcjs'
Vue.use(VueDc)

Vue.use option

anywhere in vue instance

• this.$dc dc instance with added AxisChart
• this.$d3 d3 instance
• this.$crossfilter crossfilter2 instance use this to make ndx prop on charts

available components

• <dc-bar-chart>
• <dc-checklist>
• <dc-composite-line-chart>
• <dc-date-chart>
• <dc-pie-chart>
• <dc-row-chart>
• <dc-stacked-bar-chart>
• <dc-number-display>

mixins

• BaseChartMixin
• DimensionMixin
• GroupMixin
• AxisMixin
• LegendMixin

Project setup

npm ci

Compiles and hot-reloads for development

npm run serve
or
npm run dev

how to build npm bundle

• bump npm package version in package.json

npm run bundle

• commit your changes

npm npm publish

how to build demo for github pages

• commit changes

npm run publish-pages

how to build both demo and github pages

• commit all changes before building
• bump the package version (you can probably just commit that with the build that you're gonna do next)

npm run build-all

• commit the build with a meaningful message

npm run publish-all

boom, you're done

• if you're feeling really brave

npm run release-all --message "Your commit message"