Skip to content

Commit 4159801

Browse files
committed
Updated
1 parent 0959142 commit 4159801

File tree

1 file changed

+16
-15
lines changed

1 file changed

+16
-15
lines changed

README.md

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Vue-FusionCharts
22

3-
Simple and Lightweight `VueJS` component for FusionCharts JavaScript Charting Library. The Vue-FusionCharts component lets you easily include FusionCharts in your VueJS projects.
3+
A simple and lightweight `VueJS` component for `FusionCharts` JavaScript Charting Library. The `Vue-FusionCharts` component lets you easily include FusionCharts in your `VueJS` projects.
44

55
## Installation
66

@@ -26,7 +26,7 @@ Download [`vue-fusioncharts.js`](https://rawgit.com/fusioncharts/vue-fusionchart
2626

2727
## Getting Started
2828

29-
### ES6 Modules
29+
### ES6 Module
3030

3131
```js
3232
import Vue from 'vue';
@@ -43,7 +43,7 @@ Charts(FusionCharts);
4343
Vue.use(VueFusionCharts, FusionCharts);
4444
```
4545

46-
### CommonJS Modules
46+
### CommonJS
4747

4848
```js
4949
const Vue = require('vue');
@@ -92,14 +92,15 @@ If you are not using any bundler, you can refer the file in a script tag. The li
9292
</head>
9393

9494
<body>
95+
9596
<div id="app">
9697
<fusioncharts
97-
:type="type"
98-
:width="width"
99-
:height="height"
100-
:dataFormat="dataFormat"
101-
:dataSource="dataSource"
102-
:events="events">
98+
:type="type"
99+
:width="width"
100+
:height="height"
101+
:dataFormat="dataFormat"
102+
:dataSource="dataSource"
103+
:events="events">
103104
</fusioncharts>
104105
<p>Display Value: {{displayValue}}</p>
105106
</div>
@@ -124,12 +125,12 @@ If you are not using any bundler, you can refer the file in a script tag. The li
124125
height: '300',
125126
dataFormat: 'json',
126127
dataSource: myDataSource,
127-
displayValue: '',
128128
events: {
129129
dataplotRollover: function (ev, props) {
130130
app.displayValue = props.displayValue
131131
}
132-
}
132+
},
133+
displayValue: ''
133134
}
134135
}
135136
});
@@ -138,19 +139,19 @@ If you are not using any bundler, you can refer the file in a script tag. The li
138139
```
139140
Click [here](https://jsfiddle.net/rohitcoolblog/5Lt720a9/) to view the live example.
140141

141-
## Register `vue-fusioncharts` component
142+
## Register `vue-fusioncharts` Component
142143

143144
### Register Globally
144145

145-
Use the `Vue.use` global method to register the component globally
146+
Use the `Vue.use` method to register the component globally.
146147

147148
```js
148149
Vue.use(VueFusionCharts, FusionCharts, Charts);
149150
```
150151

151152
### Register Locally
152153

153-
Use the `Vue.component` method to register the component locally
154+
Use the `Vue.component` method to register the component locally.
154155

155156
```js
156157
// es6 style
@@ -231,4 +232,4 @@ $ npm install
231232
$ npm start
232233
```
233234

234-
## [Demos and Documentation](https://fusioncharts.github.io/vue-fusioncharts/)
235+
### [Demos and Documentation](https://fusioncharts.github.io/vue-fusioncharts/)

0 commit comments

Comments
 (0)