VueZoomScatter
Members-
Content count
7 -
Joined
-
Last visited
About VueZoomScatter
-
Rank
Forum Newbie
-
Getting Visible Data Points in Zoom Scatter
VueZoomScatter replied to VueZoomScatter's topic in Javascript Problems
@Ayan Bhadury I do not have a license yet. I want to make sure that FusionCharts can do the tasks I need before I purchase a license. -
Getting Visible Data Points in Zoom Scatter
VueZoomScatter replied to VueZoomScatter's topic in Javascript Problems
Aditionally, select scatter doesn't support enough data points for my use. -
VueZoomScatter started following Creating Zoom Scatter in Vue and Getting Visible Data Points in Zoom Scatter
-
Getting Visible Data Points in Zoom Scatter
VueZoomScatter replied to VueZoomScatter's topic in Javascript Problems
Sorry, but could you explain to me how the data labels map to data points? When I zoom on my chart, the startLabel and endLabel don't seem to map to any data. The startIndex and endIndex correspond to integer values of the x-axis as well. Please see the screenshot with the console for an example. -
Hello, once a ZoomScatter chart has been zoomed in, is it possible to get the visible data points into a variable? Thanks.
-
Creating Zoom Scatter in Vue
VueZoomScatter replied to VueZoomScatter's topic in Javascript Problems
Thank you, I didn't realize that the imports needed to be in the main component. Have a good day. -
Creating Zoom Scatter in Vue
VueZoomScatter replied to VueZoomScatter's topic in Javascript Problems
Thank you for your help. Your code works in the sandbox, but in my local environment, I get these errors: Error 1: fusioncharts.zoomscatter.js:1 Uncaught SyntaxError: Unexpected token '<' Error 2: fusioncharts.js?8f68:13 Uncaught (in promise) Error: ChunkLoadError: Loading chunk 9 failed. (missing: http://localhost:8000/app/fusioncharts.zoomscatter.js) at Function.a.e (fusioncharts.js?8f68:13) at d (fusioncharts.js?8f68:13) at Function.eval (fusioncharts.js?8f68:13) at i (fusioncharts.js?8f68:13) at o (fusioncharts.js?8f68:13) at h (fusioncharts.js?8f68:13) at e.t.chartType (fusioncharts.js?8f68:13) at new e (fusioncharts.js?8f68:13) at new f (fusioncharts.js?8f68:13) at VueComponent.renderChart (vue-fusioncharts.js?27e3:401) at eval (fusioncharts.js?8f68:13) I have tried uninstalling and reinstalling the NPM modules, but this hasn't fixed the error. Please let me know if you have a solution. -
Hello, I have a question about the needed imports for using a Zoom Scatter chart with Vue and NPM. The following code gives an error, but works with type: scattter. What are the necessary imports? <template> <fusioncharts :type="type" :width="width" :height="height" :dataFormat="dataFormat" :dataSource="dataSource" :events="events" ></fusioncharts> </template> <script> import Vue from 'vue'; import VueFusionCharts from 'vue-fusioncharts'; import FusionCharts from 'fusioncharts'; import Charts from 'fusioncharts/fusioncharts.charts'; import Zoomscatter from 'fusioncharts/fusioncharts.zoomscatter'; import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion'; import { FCComponent } from "vue-fusioncharts"; Vue.use(VueFusionCharts, FusionCharts, Charts, Zoomscatter, FusionTheme); export default { name: "FusionCharts", components: { fusion: FCComponent }, props: {}, created() {}, computed: { test_result() { return this.$store.state.test_result; }, }, watch: { test_result: function() { this.dataSource.dataset = [{ data: this.test_result }]; }, }, data: function() { return { type: "zoomscatter", width: "800", height: "800", dataFormat: "json", dataSource: { chart: { caption: "", theme: "fusion", }, dataset: null, }, events: {}, } }, methods: {}, }; </script>