Time for action — hide data values of the columns
1. Create a copy of
RetrieveChartData.html
in theJavaScriptCapabilities
folder and name it asManipulateCosmetics.html
.2. Open this file in a text editor and insert another button to appear just beside the button to retrieve chart data as CSV (around line 90). The code for the button will be the following:
<input type="button" onclick="updateChartCosmetics()" value="Hide Data Values" />
3. Now within the
<head>
of the page, add a new line after the end of thehideCSVData
function (around line number 64) and insert the following code:function updateChartCosmetics () { var chart = FusionCharts("myChartId"); chart.setChartAttribute("showValues", "0"); }
4. Open the file in a browser. Once the Hide Data Values button is visible, as shown in the following screenshot, click on it and subsequently the values will be hidden:
What just happened?
We created a new function called updateChartCosmetics
to access the chart and set the value...