The link to your page shows a 404 error for me.
At the bottom of the jsfiddle, make sure you copied the line:
google.load('visualization', '1', {packages:['controls'], callback:
drawVisualization});
which handles loading the API and setting a callback function.
On Friday, June 7, 2013 4:55:59 AM UTC-4, [email protected] wrote:
>
> Ooups !!! Something wrong in the script...Look at that...
>
>
> http://meteoplougastel.e-monsite.com/pages/janvier/nouveau-temp-pluie-vent-2013.html
>
> I made a "too simple" copy/paste of your script...but I'm not an expert as
> you know...
> The script should certainly start with something like :
>
> .........function drawVisualization() {
> var data = new google.visualization.DataTable();...........
>
> My former script "initial script" was something like :
> <script type="text/javascript">
> google.load('visualization', '1', {packages: ['annotatedtimeline']});
> ....
> What shall I add before the script you proposed ?
>
> Sorry, but I started with "html" script last week ! ...with scripts found
> on :
>
> https://developers.google.com/chart/interactive/docs/gallery/annotatedtimeline?hl=fr#Data_Format
>
> Thanks for your "final touch" !
>
> Eric
>
>
> Le jeudi 6 juin 2013 17:04:03 UTC+2, asgallant a écrit :
>>
>> I misspoke slightly - the additional axes will display, but they will
>> overlap a bit with the right axis. We can move the text inside the chart
>> to prevent overlap by setting the textPosition option on that axis. I
>> converted your code over to the core charts, along with a few suggested
>> enhancements to make the tooltips display a bit better (feel free to
>> discard the changes if you disagree):
>> http://jsfiddle.net/asgallant/apFwN/
>>
>> On Thursday, June 6, 2013 10:50:54 AM UTC-4, asgallant wrote:
>>>
>>> The core charts will automatically scale all data for you, but they do
>>> not support more than two vertical axes. You can scale series to more than
>>> two axes, but these additional axes do not display.
>>>
>>> On Wednesday, June 5, 2013 3:16:07 AM UTC-4, [email protected] wrote:
>>>>
>>>> Thanks for your advises.
>>>>
>>>> I'll try to understand your method...
>>>>
>>>> But before that I would like to be sure to have at least two important
>>>> parameters with your 'line chart with range filter" :
>>>> (1) I need multiple vertival axis (at least 3)
>>>> (2) I need automatic scaling
>>>>
>>>> Please have a look at my chart... the one I'd like to improve...
>>>>
>>>> http://meteoplougastel.e-monsite.com/pages/janvier/temp-pluie-vent-2013-essaiii.html
>>>>
>>>> Thanks for your help
>>>>
>>>> Eric
>>>>
>>>>
>>>> Le lundi 3 juin 2013 16:20:40 UTC+2, asgallant a écrit :
>>>>>
>>>>> You can't do that with Annotated Timelines, but if you convert to a
>>>>> LineChart<https://developers.google.com/chart/interactive/docs/gallery/linechart>with
>>>>> a
>>>>> ChartRangeFilter<https://developers.google.com/chart/interactive/docs/gallery/controls#chartrangefilter>,
>>>>>
>>>>> you can get 95% of the functionality of the ATL charts (with the bonuses
>>>>> brought by the core charts and non of the drawbacks of Flash). I wrote a
>>>>> migration
>>>>> tool<https://groups.google.com/d/msg/google-visualization-api/Y4ZmqWAjjPg/Uwr8eoWo6goJ>to
>>>>> help with transitioning your chart over, if you'd like to give that a
>>>>> try.
>>>>>
>>>>> On Monday, June 3, 2013 4:41:35 AM UTC-4, [email protected] wrote:
>>>>>>
>>>>>> Hello,
>>>>>>
>>>>>>
>>>>>> Sorry for my English (I'm French)...I'll try to be as clear as
>>>>>> possible !
>>>>>>
>>>>>> I'm using "Annotated Time Line" with multiple vertical axis.
>>>>>>
>>>>>> It works perfectly...but...
>>>>>>
>>>>>> I'm just looking for *a way to display data value (you say "label"
>>>>>> ?) close to each point of my chart (not in the legend...) when I move my
>>>>>> mouse over the different lines.*...
>>>>>>
>>>>>> Apparently it can be done "naturally" for "BarChart"
>>>>>> "CandlestickChart"..."PieChart".
>>>>>>
>>>>>> But I haven't found any example of script for this function ??
>>>>>>
>>>>>> Here is my script ... any idea to do it ?
>>>>>>
>>>>>> Thanks....
>>>>>>
>>>>>> var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
>>>>>> document.getElementById('visualization')); annotatedtimeline.draw(data,
>>>>>> {scaleType: 'allmaximized',scaleColumns:[0, 1, 2]}, {
>>>>>> //'allValuesSuffix':
>>>>>> '%', // A suffix that is added to all values 'colors': ['blue',
>>>>>> 'red','#0000bb'], // The colors to be used 'displayAnnotations': true,
>>>>>> 'displayExactValues': true, // Do not truncate values (i.e. using K
>>>>>> suffix)
>>>>>> 'displayRangeSelector' : true, // Do not sow the range selector
>>>>>> 'displayZoomButtons': true, // DO not display the zoom buttons 'fill':
>>>>>> 30,
>>>>>> // Fill the area below the lines with 20% opacity 'legendPosition':
>>>>>> 'newRow', // Can be sameRow //'max': 100000, // Override the automatic
>>>>>> default //'min': 100000, // Override the automatic default
>>>>>> 'scaleColumns':
>>>>>> [0, 1], // Have two scales, by the first and second lines 'scaleType':
>>>>>> 'allfixed', // See docs... 'thickness': 4, // Make the lines thicker
>>>>>> 'zoomStartTime': new Date(2013, 0, 1, 0, 0), //NOTE: month 1 = Feb
>>>>>> (javascript to blame) 'zoomEndTime': new Date(2013, 4, 26, 20, 30)
>>>>>> //NOTE:
>>>>>> month 1 = Feb (javascript to blame) });
>>>>>>
>>>>>
--
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?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
