Search the Community
Showing results for tags 'displayvalue'.
Found 2 results
-
stacked2d Need Show Up "DisplayValue" Outside of Bar "stackedbar2d" Chart
fakhryan posted a topic in Javascript Problems
Help please, Display Value going overlap when bar shink because data on inside bar chart. we need data show up outside of bar chart to avoid overlap (dont want to hide). we tries some trick like set Display value with extra whitespace "displayValue": " -2.000 " but fusion core replace / render it into only 1 space . we find attribute some attribute "valuePosition" : "outside" but, it's not support when using "stackedbar2d" this is my quick example full code : <html> <head> <title>My first chart using FusionCharts Suite XT</title> <script type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script> <script type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script> <script type="text/javascript"> FusionCharts.ready(function(){ var chartObj = new FusionCharts({ type: 'stackedbar2d', renderAt: 'chart-container', width: '450', height: '400', dataFormat: 'json', dataSource: { "chart": { "theme": "fusion", "caption": "Revenue split byw product category", "subCaption": "For current year", "xAxisname": "Quarter", "yAxisName": "Revenues (In USD)", //Showing the Cumulative Sum of stacked data "numberPrefix": "$", "showValues": "1" }, "categories": [{ "category": [{ "label": "Q1" }, { "label": "Q2" }, { "label": "Q3" }, { "label": "Q4" } ] }], "dataset": [{ "seriesname": "Food Products", "data": [{ "label": "Q1", "value": "0", "displayValue": "0" }, { "label": "Q2", "value": "100", "displayValue": "100" }, { "label": "Q3", "value": "5000", "displayValue": "5.000" }, { "label": "Q4", "value": "3500", "displayValue": "3.500" } ] }, { "seriesname": "Non-Food Products", "data": [{ "value": "-8", "displayValue": "-8" }, { "value": "-20", "displayValue": "-20" }, { "value": "-2000", "displayValue": "-2.000" }, { "value": "-1000", "displayValue": "-1.000" } ] } ] } }); chartObj.render(); }); </script> </head> <body> <div id="chart-container">FusionCharts XT will load here!</div> </body> </html> Hope i got help, thanks-
- outside
- javascript
-
(and 1 more)
Tagged with:
-
plottooltext custom tooltip options on scatter charts
Satya Tvv posted a topic in Suggestions & Requests
Hi, I am using scatter chart, Currently, I just want to show a table on hover of each data point for that I am using plottooltext. There I want to display more than two external values I am able to show only one value at a time using the tag "displayValue". Using "displayValue" I can show only one value, Is there any other way to display multiple external data on hover of scatter data points. Please let me know if anything is there, went through the documentation there I have not found anything except "displayValue" for external data. Thanks, Satya.