├── vue.config.js ├── babel.config.js ├── src ├── assets │ ├── charts.gif │ ├── trendline.png │ ├── long-charts.png │ ├── chart-examples.png │ ├── charts-with-labels.png │ └── charts-with-max-axis.png ├── main.js ├── wrapper.js ├── App.vue └── components │ └── PureVueChart.vue ├── .editorconfig ├── .gitignore ├── public └── index.html ├── package.json └── README.md /vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | css: { extract: false }, 3 | }; 4 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app', 4 | ], 5 | }; 6 | -------------------------------------------------------------------------------- /src/assets/charts.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/djaxho/pure-vue-chart/HEAD/src/assets/charts.gif -------------------------------------------------------------------------------- /src/assets/trendline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/djaxho/pure-vue-chart/HEAD/src/assets/trendline.png -------------------------------------------------------------------------------- /src/assets/long-charts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/djaxho/pure-vue-chart/HEAD/src/assets/long-charts.png -------------------------------------------------------------------------------- /src/assets/chart-examples.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/djaxho/pure-vue-chart/HEAD/src/assets/chart-examples.png -------------------------------------------------------------------------------- /src/assets/charts-with-labels.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/djaxho/pure-vue-chart/HEAD/src/assets/charts-with-labels.png -------------------------------------------------------------------------------- /src/assets/charts-with-max-axis.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/djaxho/pure-vue-chart/HEAD/src/assets/charts-with-max-axis.png -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import App from './App.vue'; 3 | 4 | Vue.config.productionTip = false; 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app'); 9 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | [*.{js,jsx,ts,tsx,vue}] 2 | indent_style = space 3 | indent_size = 2 4 | end_of_line = lf 5 | trim_trailing_whitespace = true 6 | insert_final_newline = true 7 | max_line_length = 100 8 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw? 22 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | pure-vue-chart 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/wrapper.js: -------------------------------------------------------------------------------- 1 | // Import vue component 2 | import PureVueChart from './components/PureVueChart.vue'; 3 | 4 | // Declare install function executed by Vue.use() 5 | export function install(Vue) { 6 | if (install.installed) return; 7 | install.installed = true; 8 | Vue.component('pure-vue-chart', PureVueChart); 9 | } 10 | 11 | // Create module definition for Vue.use() 12 | const plugin = { 13 | install, 14 | }; 15 | 16 | // Auto-install when vue is found (eg. in browser via 153 | 154 | 167 | -------------------------------------------------------------------------------- /src/components/PureVueChart.vue: -------------------------------------------------------------------------------- 1 | 123 | 124 | 345 | 346 | 351 | --------------------------------------------------------------------------------