Hi, I am trying to build a bullet chart using the google chart API. I have managed to do the following.
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Previous', 'Current'],
['320652', 124652]
]);
// Create and draw the visualization.
new
google.visualization.BarChart(document.getElementById('visualization')).
draw(data,
{title:"On Shelves",
width:180, height:80,
vAxis: {title: "",textStyle: {color: 'Black'}, textPosition:
"none",viewWindowMode:'pretty',viewWindow:{
max:320652,
min:0
},baselineColor:"#C4122F"},
chartArea:{height:25, width:150, backgroundColor:"#9DA619"},
legend:{position:"none"},
bar:{groupWidth:5},
backgroundColor: {stroke: '#000',strokeWidth: '2'},
hAxis: {title: "",textStyle: {color: 'white'},gridlines:{color:
"white"}}}
);
}
what I need to do is to display the "Previous" value on the right hand side
of the chart. and also display the "Current" value next to the bar.
is this possible? Ultimately I'd like to get something similar to the
attached image.
Any help will be greatly appreciated.
--
You received this message because you are subscribed to the Google Groups
"Google Chart API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-chart-api/-/Ego5n_gSa-0J.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-chart-api?hl=en.
<<attachment: Capture.PNG>>
