Search the Community
Showing results for tags 'resize'.
Found 5 results
-
Hello. The bug also is present on other charts types. I use mscombidy2d and inversemsline and multiaxisline, all of which exhibit this bug in FC 3.17 Unfortunately, for me, this means 3.17.0 is not viable for production use. When can we expect a fix please?
-
Hello, I'm facing an issue with the 3.17 Fusion Charts version (compare to the 3.15) on the dynamic resizing behavior. In fact, on a dashboard that i'm working on, i'm using ms charts (mspline, overlapscolumns, radar) and "simple" charts 'piecharts'. Whene i resize my scree dynamically, the ms charts do not adapt their width to fit their container, despite the fact that charts width is set to 100%. This is only happening to ms charts, because the pie charts behavior is good, that is, it adapt to the container size. When I retry this with the 3.15 library on fusion charts, the dynamic resizing behavior was good ! Is their some attribute that needs to put add in order to dynamicly resize ms charts on the 3.17 version of fusioncharts or is there any bugs to fix ? Don't hesitate if you need further informations !
-
AngularGauge don't change dynamic height on resize
Evgeny Malafeev posted a topic in Javascript Problems
Hello. I have a AngularGauge chart with Vue.js. I configure gauge for dynamic resizing, like in manual. Code of my component: ``` <template> <div id="chart-container"> <fusioncharts :type="type" :width="width" :height="height" :data-format="dataFormat" :data-source="chartData" > </fusioncharts> </div> </template> <script> import { mapState } from "vuex"; export default { name: "AngularGauge", props: { dataValue: String, title: String, colorRange: Object }, computed: { ...mapState({ switchedTheme: state => state.switchedTheme }), chartData() { return { chart: { manageResize: "1", captionFont: "Roboto-Light", captionFontColor: this.switchedTheme ? "#262626" : "#ffffff", captionFontSize: "20", captionFontBold: "0", bgColor: this.switchedTheme ? "#ffffff" : "#262626", usePlotGradientColor: "1", pivotFillAlpha: "0", pivotBorderAlpha: "0", valueFont: "Roboto-Regular", valueFontSize: "40rem", valueFontColor: "#3F903E", valueBorderRadius: "3", valuePadding: "10", lowerLimit: this.colorRange.minRangeValue, upperLimit: this.colorRange.maxRangeValue, lowerLimitDisplay: this.colorRange.minRangeValue, upperLimitDisplay: this.colorRange.maxRangeValue, showValue: this.dataValue, valueBelowPivot: "1", theme: "fusion" }, colorRange: { color: [ { minvalue: this.colorRange.low.minvalue, maxvalue: this.colorRange.low.maxvalue, code: "#3B953A" }, { minValue: this.colorRange.middle.minvalue, maxValue: this.colorRange.middle.maxvalue, code: "#E3A402" }, { minValue: this.colorRange.max.minvalue, maxValue: this.colorRange.max.maxvalue, code: "#C22424" } ] }, dials: { dial: [ { radius: 165, baseWidth: 145, baseRadius: 25, topWidth: 1, rearExtension: 0, value: this.dataValue, valueY: 213, bgColor: this.switchedTheme ? "#006FBA" : "#793DC0" }, { radius: 132, baseWidth: 148, bgColor: this.switchedTheme ? "#ffffff" : "#262626", borderAlpha: 0, baseRadius: 25, topWidth: 40, rearExtension: 2, value: this.dataValue, showValue: "0" } ] }, annotations: { origw: 500, origh: 272, autoscale: "1" } }; } }, data() { return { type: "angulargauge", renderAt: "chart-container", width: "100%", height: "100%", dataFormat: "json" }; } }; </script> <style> #chart-container { position: relative; width: 100%; height: 100%; } </style> ``` I added width and height for component in percents. And added menageResize: "1", autoScale: "1". But when I resize a page, AngularGauge only change your width. Height didn't change at all. In console I have this errors: ``` fusioncharts.js?8f68:13 Error: <path> attribute d: Expected number, "MNaN,NaNQ0,0,NaN,…". e._setFillAndStroke @ fusioncharts.js?8f68:13 ``` How can I fix this problem ?- 7 replies
-
- angulargauge
- height
-
(and 2 more)
Tagged with:
-
Hi i want to know single question. i was rendering chart from database, i was works well but size problem occured. width size 100% is works fine but height 100% is broken chart. also width 1000, height 400 fix value that was works fine. i want to know broken chart to set % value and solve my problem. try html resize function ? plz reply everyone. have nice day
-
I was using a design with fluid width which mean the website width will auto resize when the browser resize and im currently tested FusionChart in my site, not problem during resizing browser, it work perfectly. But the problem only during when using native "Print", all the chart won't resize automatically and the width is over or shorter than container. Kindly advise a solution for this. code: var chart = new FusionCharts("js/fusionchart/MSCombi2D.swf", chartID, "100%", "200", "0", "0");