At FusionCharts, we believe in listening to our customers and helping them to make sense of their data using FusionCharts. In the last couple of months, after speaking with our customers, many requested improvements in text rendering to axis configurations to chart borders were taken up. Hence, the focus of this release was to improve the design aspects of some of our charts, ensuring that they become more dashboard-ready. This was balanced with some critical issues which were affecting the ends users of our customers.
Some features which we covered in this release include:
Table of Contents
Often when data values are placed on the plot, then owing to the contrast of the data value text color and plot color, the data value text may not be clearly readable. This problem is highly concerning in stacked charts, area charts, pie charts, and others, where the possibility of placing the data value on the plot is very high.
We tried to solve this problem by introducing a new global boolean attribute called textOutline
. By enabling this attribute, a sleek border is created on the text of the data values, helping it stand out by giving a good contrast. The choice of the color of the border of text is smartly determined – generally, it is black or white – black or white crisp border on text outline depending on the plot color.
Most requested feature of being able to place the axes on either side of the canvas is now a reality. This was slightly tricky, but the motivation for fulfilling the needs of the users helped us nail it down.
The position of X-Axis and Y-Axis can now be specified using the xAxisPosition
and yAxisPosition
attributes. Depending on the type of chart, they take values like top and bottom, or left and right.
New features on these fundamental charts include:
labelPosition
and valuePosition
attribute to place the labels or values either inside the pie or doughnut segments or outside them. These positions are also possible in the pie or doughnut chart when rotation and slicing are enabled. Remember seeing those simple and minimalistic area charts on Google Analytics dashboard? Something like,
Area charts with border on only top of the plot will now be possible. You just need to set drawFullAreaBorder
to 0
, and you will get a visual like above.
Along with this, you need not specify the border color of the area plot separately. You can just enable the global attribute inheritPlotBorderColor
to 1
and the border of the area plot will inherit the color from the plot color.
No more workarounds to manipulate the cosmetic properties of the Y-Axis value texts. There are a bunch of cosmetic attributes now available which can be used to control the display of these values. Be it related to the font, background or border – attributes for all of them are now available and could be a blessing in disguise for users who used to take a longer path to customise them.
Though we can currently use the showValue
attribute at individual data point level to control the visibility of value text for the specific data point, there was no mechanism to control the visibility based on encoding size. This led to huge effort at your end to ensure that values for specific data plots, which have substantial impact, show value. Now, we have a couple of more attributes which help hide the values below the thresholds defined against these attributes. Some examples are:
minPlotHeightForValue
. Values will not be visible for any encoding which is lesser than this.minRadiusForValue
can be used to define the threshold below which values should not be visible for individual bubbles.minAngleForLabel
and minAngleForValue
can be used to specify the minimum angle of segments above which the label and value should be visible.The details of critical issues which we solved for our customers and other specifics of the release can be read at – https://www.fusioncharts.com/dev/upgrading/change-log.
Got some suggestions on improving FusionCharts? Do not hesitate to drop an email on gagan@fusioncharts.com. I would love to hear your thoughts. Finally, do not forget to subscribe to our newsletter to get the latest news on FusionCharts.
Download the FusionCharts Suite here.
Buy or upgrade here.
Have you ever spent hours buried in documentation, hunting for a specific piece of code?…
Do you feel like your data is a cryptic puzzle, locked away from revealing its…
In web development, mastering JavaScript charting libraries is crucial for keeping up with the fast-paced…
Ever spend an afternoon neck-deep in documentation, searching for that one elusive code snippet? Or…
In the dynamic world of data visualization, the need for precision and innovation has never…
Are you drowning in data but struggling to find the insights that drive real business…