I tried to update my script according to the example but now its does shows
on my page.
Here is my updated script
<script type='text/javascript'>
google.load('visualization', '1', {packages: [
'corechart','bar']});
google.setOnLoadCallback(drawSaleChart);
function drawSaleChart() {
var data = google.visualization.arrayToDataTable([
['Projektledare','Sale','Avg'],['Ahlenius',0,0],['emma',
54200,27100],['Anstenius',145105,16122.78],['ida',0,0],['Björnaes',396190,
13206.33],['Hammarstrom ',207230,12951.88],['Fuglsang',851005,20756.22],[
'Strand',817710,32708.4],['Wiberg',0,0],['Wilsletf',779635,41033.42],[
'Bergseije',475,475],['Samuelsson',17535,17535],['Dijkstra',0,0],[
'Ranheimer',287151,143575.5]]); var options = {chart: { title: 'Projektledning:
Sales'}};var chart = new google.charts.ColumnChart(document.getElementById(
'div_chart'));chart.draw(data, options);} </script>
<div id="div_chart" style="height: 325px; text-
align: left;"></div>
On Wednesday, April 1, 2015 at 10:43:08 PM UTC+2, Sergey wrote:
>
> Yes. Here is an example: https://jsfiddle.net/fggkgoau/
>
> On Wed, Apr 1, 2015 at 4:41 PM Shahid Majeed <[email protected]
> <javascript:>> wrote:
>
>> Is it possible i use two series in regular column chart. On the API page
>> i only see one series example. Do you refer me an example related to my
>> data.
>> Thanks
>>
>>
>> On Wednesday, April 1, 2015 at 10:33:39 PM UTC+2, Sergey wrote:
>>
>>> I think that if your two data measures have the same scale, showing them
>>> on separate axes is misleading. If the average column looks tiny, then
>>> that's the nature of the data. If I misunderstood the nature of your data,
>>> and they are on different scales, then putting them on separate axes was
>>> the right decision, and I apologize.
>>>
>>> There is currently no way to control the ticks with that sort of
>>> granularity. The regular ColumnChart supports custom ticks, so you could
>>> use that.
>>>
>>> On Wed, Apr 1, 2015 at 4:30 PM Shahid Majeed <[email protected]>
>>> wrote:
>>>
>>
>>>> <https://lh3.googleusercontent.com/-5O5DoHpFWOc/VRxVdfFg_NI/AAAAAAAAAtE/PrYYO3VkFFg/s1600/chart1.JPG>
>>>> If i removed the series and y axis option then my chart look like this.
>>>> Now problem is I have large sale value as compared to average. Average
>>>> column look very tiny. Is it possible i can set the interval min 0 and
>>>> then
>>>> gridlines increase by specific interval such as 100K
>>>>
>>>>
>>>> <https://lh3.googleusercontent.com/-5O5DoHpFWOc/VRxVdfFg_NI/AAAAAAAAAtE/PrYYO3VkFFg/s1600/chart1.JPG>
>>>>
>>>>
>>>> On Wednesday, April 1, 2015 at 10:24:40 PM UTC+2, Shahid Majeed wrote:
>>>>>
>>>>> Hi,
>>>>> I am new to google chart api. I am trying to create a bar chart with
>>>>> Sale and Avg sale series. I Succeed to create chart but i tried allot to
>>>>> set the Y-axis steps to make the chart sensible.
>>>>>
>>>>> If you check my chart left Y-axis (Sale) range from 0 to 800K and
>>>>> right Y-axis(Avg) range from 0 to150K.
>>>>> Most of the columns shows the average column higher than sale because
>>>>> its draw according to value.
>>>>>
>>>>> Any suggestion please how to make this sensible.
>>>>>
>>>>> Thanks in advance
>>>>>
>>>>> Here is my script
>>>>> <script type='text/javascript'>
>>>>> google.load('visualization', '1', {packages: [
>>>>> 'bar']});
>>>>> google.setOnLoadCallback(drawSaleChart);
>>>>>
>>>>> function drawSaleChart() {
>>>>> var data = google.visualization.arrayToDataTable([
>>>>>
>>>>> ['Projektledare','Sale','Avg'],['Anstenius',53575,
>>>>> 13393.75],['Björnaes',147395,13399.55],['Hammarstrom ',80810,26936.67
>>>>> ],['Fuglsang',112080,56040],['Wilsletf',779635,41033.42],['Ranheimer',
>>>>> 287151,143575.5]]); var options = {chart: { title: 'Projektledning:
>>>>> Sales'},series: {
>>>>> 0: { axis: 'Sale' },
>>>>> 1: { axis: 'Avg' }
>>>>> },axes: {
>>>>> y: {
>>>>> Sale: {label: 'Sale'},
>>>>> Avg: {side: 'right', label:
>>>>> 'Avg
>>>>> Sale'}
>>>>> }
>>>>> }};var chart = new google.charts
>>>>> .Bar(document.getElementById('div_chart'));chart.draw(data, options);}
>>>>> </script>
>>>>> <div id="div_chart" style="height: 325px;
>>>>> text-align: left;"></div>
>>>>>
>>>>>
>>>>>
>>>>> Here how the chart look like
>>>>>
>>>>> <http://i57.tinypic.com/16gfjhs.jpg>
>>>>>
>>>>> --
>>>> 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 post to this group, send email to [email protected].
>>>
>>>
>>>> Visit this group at http://groups.google.com/
>>>> group/google-visualization-api.
>>>> For more options, visit https://groups.google.com/d/optout.
>>>>
>>> --
>> 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]
>> <javascript:>.
>> To post to this group, send email to [email protected]
>> <javascript:>.
>> Visit this group at
>> http://groups.google.com/group/google-visualization-api.
>> For more options, visit https://groups.google.com/d/optout.
>>
>
--
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 post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
