πŸ––πŸ“ˆ Modern charts for Vue.js
Switch branches/tags
Nothing to show
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode init Mar 5, 2018
dist [build] 0.2.0 Oct 31, 2018
docs docs: update large data demo Oct 31, 2018
logo Added logo update readme (#7) Aug 2, 2018
scripts replace with vuep.netlify.com Nov 13, 2018
src chore: format code Oct 31, 2018
test refactor: add polar component Mar 29, 2018
website refactor: artboard => cartesian Mar 29, 2018
.eslintignore add axis inverse Mar 12, 2018
.gitignore feat: init test Mar 24, 2018
.travis.yml chore: add travis Mar 30, 2018
CHANGELOG.md chore: add changelog 0.2.0 Oct 31, 2018
LICENSE init Mar 5, 2018
README.md docs: add example Aug 8, 2018
nuxt.config.js docs: fix demo Mar 29, 2018
package-lock.json chore: add changelog 0.2.0 Oct 31, 2018
package.json chore: add changelog 0.2.0 Oct 31, 2018
rollup.config.js fix: rollup config Oct 31, 2018

README.md

Laue

Build Status Coverage Status npm

πŸ––πŸ“ˆ Modern charts for Vue.js

Documentation: https://laue.js.org

Features

  • It depends on several small submodules in D3, so it's very reliable and lightweight.
  • The implementation for Vue.js, so it is composable and supports SSR.

Installation

npm i laue

Usage

import Vue from 'vue';
import { Laue } from 'laue';

Vue.use(Laue);

// On demand
import { Cartesian, Line } from 'laue';

Vue.component(Cartesian.name, Cartesian);
Vue.component(Line.name, Line);

Demo

A dead simple example

<div id="app">
	<la-cartesian :width="300" :height="150" :data="values">
    <la-line prop="pv"></la-line>
    <la-y-axis></la-y-axis>
    <la-x-axis prop="name"></la-x-axis>
    <la-tooltip></la-tooltip>
  </la-cartesian>
</div>

<script src="//unpkg.com/vue"></script>
<script src="//unpkg.com/laue"></script>
<script>
	new Vue({
		el: '#app',
		data: () => ({
	    values: [
	      { name: 'Page A', pv: 2000 },
	      { name: 'Page B', pv: 3000 },
	      { name: 'Page C', pv: 1200 }
	    ]
	  })
	})
</script>

Inspired

License

MIT