You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+35-36Lines changed: 35 additions & 36 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
> FusionCharts component for Vue
4
4
5
-
This component allows to easily insert`FusionCharts` to your `Vue.js` projects and works in the `Vue.js` Way.
5
+
FusionCharts component for Vue allows to easily include`FusionCharts` to your `Vue.js` projects.
6
6
7
7
## Installation
8
8
@@ -20,7 +20,7 @@ yarn add vue-fusioncharts
20
20
21
21
### manual
22
22
23
-
Download [`vue-fusioncharts.js`](https://github.com/fusioncharts/vue-fusioncharts/blob/feature/plugin-development/dist/vue-fusioncharts.js) and include in your HTML `<script>` tag.
23
+
Download [`vue-fusioncharts.js`](https://github.com/fusioncharts/vue-fusioncharts/blob/feature/plugin-development/dist/vue-fusioncharts.js) and include it to an HTML `<script>` tag.
// import FusionCharts modules and resolve dependency
@@ -85,7 +84,7 @@ require(['vue', 'vue-fusioncharts', 'fusioncharts', 'charts'], function (Vue, Vu
85
84
```
86
85
87
86
### Standalone / CDN
88
-
If you are not using any bundler. You can just reference the file in a script tag. The library will be available in a global object named `VueFusionCharts`.
87
+
If you are not using any bundler, you can refer the file in a script tag. The library will be available in a global object named `VueFusionCharts`.
89
88
90
89
91
90
```html
@@ -116,46 +115,46 @@ If you are not using any bundler. You can just reference the file in a script ta
116
115
</style>
117
116
118
117
<script>
119
-
// Use VueFusionCharts component by calling the Vue.use() global method:
120
-
Vue.use(VueFusionCharts);
121
-
122
-
// bootstrap the demo
123
-
var chart =newVue({
124
-
el:'#chart',
125
-
data: {
126
-
pieChartConfig: {
127
-
type:'Pie2D',
128
-
width:'500',
129
-
height:'300',
130
-
dataFormat:'json',
131
-
dataSource: {
132
-
chart: {
133
-
caption:'Vue FusionCharts Sample',
134
-
theme:'fint'
118
+
// Use VueFusionCharts component by calling the Vue.use() global method:
119
+
Vue.use(VueFusionCharts);
120
+
121
+
// bootstrap the demo
122
+
var chart =newVue({
123
+
el:'#chart',
124
+
data: {
125
+
pieChartConfig: {
126
+
type:'Pie2D',
127
+
width:'500',
128
+
height:'300',
129
+
dataFormat:'json',
130
+
dataSource: {
131
+
chart: {
132
+
caption:'Vue FusionCharts Sample',
133
+
theme:'fint'
134
+
},
135
+
data: [{value:1.9}, {value:2.3}, {value:2.1}]
136
+
},
137
+
displayValue:'nothing',
138
+
events: {
139
+
dataplotRollover:function (ev, props) {
140
+
chart.displayValue=props.displayValue
141
+
}
142
+
}
135
143
},
136
-
data: [{value:1.9}, {value:2.3}, {value:2.1}]
137
-
},
138
-
displayValue:'nothing',
139
-
events: {
140
-
dataplotRollover:function (ev, props) {
141
-
chart.displayValue=props.displayValue
142
-
}
144
+
displayValue:'nothing'
143
145
}
144
-
},
145
-
displayValue:'nothing'
146
-
}
147
-
});
146
+
});
148
147
</script>
149
148
</body>
150
149
```
151
-
See this examples live, click [here](https://jsfiddle.net/rohitcoolblog/5Lt720a9/).
150
+
Click [here](https://jsfiddle.net/rohitcoolblog/5Lt720a9/) to view the live example.
152
151
153
152
## Register `vue-fusioncharts` component
154
-
### Using`Vue.use` global method to register the component globally
153
+
### Use`Vue.use` global method to register the component globally
155
154
```js
156
155
Vue.use(VueFusionCharts, FusionCharts, Charts);
157
156
```
158
-
### Using`Vue.component` method to register the component locally
157
+
### Use`Vue.component` method to register the component locally
Configuration needed to initialize FusionCharts. The complete list of supported configuration option can be found on[FusionCharts' API documentation](http://www.fusioncharts.com/dev/api/fusioncharts.html).
173
+
Following configurations are required to initialize FusionCharts. The complete list of supported configuration option can be found in[FusionCharts' API documentation](http://www.fusioncharts.com/dev/api/fusioncharts.html).
0 commit comments