hi there I have created google chart and it is working nice
but on the x-axis of the chart, i want to show data below each bar
[image: graph.PNG]
<apex:includeScript id="a" value="https://www.google.com/jsapi"; />
<script type="text/javascript"
src="https://www.gstatic.com/charts/loader.js";></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
//Strike chart
function drawChart() {
var data = google.visualization.arrayToDataTable({! dataList});
console.log("{!rangeList}",{!rangeList});
var options = {
chart: {
title: 'Strike Price',
subtitle: 'Graph to show Strike Price Rates',
},
bars: 'vertical',
bar: { groupWidth: "25%" },
hAxis: {
viewWindow: {min: 0},
hAxis: { ticks: [0,500,520,550,580] }
},
vAxis: {
viewWindow: {min: 0},
ticks: {!rangeListY}
},
vAxis: {format: 'decimal'},
hAxis: {format: 'decimal'},
height: 700,
colors: ['#1aa110', '#f0250e',]
};
var chart = new
google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data,
google.charts.Bar.convertOptions(options));
}
</script>
what is the issue here i can't figure out
can you please help e with that
Thank you
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/6174590a-c049-4840-9af3-adfa0e9d7d9d%40googlegroups.com.
