\n
import { createApp } from 'vue';\r\nimport App from '.\/App.vue';\r\n\r\nimport VueFusionCharts from 'vue-fusioncharts';\r\nimport FusionCharts from 'fusioncharts';\r\nimport Charts from 'fusioncharts\/fusioncharts.charts';\r\nimport FusionTheme from 'fusioncharts\/themes\/fusioncharts.theme.fusion';\r\n\r\nconst app = createApp(App);\r\n\r\napp.use(\r\n VueFusionCharts,\r\n FusionCharts,\r\n Charts,\r\n FusionTheme\r\n);\r\n\r\napp.mount('#app');\r\n<\/pre>\n<\/div>\nThis code performs four important tasks:<\/span><\/p>\n\nVueFusionCharts<\/code><\/span> provides the Vue component wrapper.<\/span><\/li>\nFusionCharts<\/code><\/span> loads the core FusionCharts library.<\/span><\/li>\nCharts<\/code><\/span> loads the standard chart types, including column, bar, line, area, and pie charts.<\/span><\/li>\nFusionTheme<\/code><\/span> loads the Fusion theme used to style the chart.<\/span><\/li>\n<\/ul>\nThe <\/span>app.use()<\/code><\/span> method registers the FusionCharts plugin globally. As a result, you can use the <\/span><fusioncharts><\/code><\/span> component anywhere in the application without importing it separately into every Vue component. Global plugin registration with <\/span>createApp()<\/code><\/span> and <\/span>app.use()<\/code><\/span> is the Vue 3 setup documented by the official <\/span>vue-fusioncharts<\/code><\/span> repository.<\/span><\/p>\nYour Vue 3 project is now configured to render FusionCharts. In the next step, you will prepare the chart data and configuration that the component will use.<\/span><\/p>\n<\/span>