tabl2chart-5

[Table2Chart type=”areaspline” hide=”true” title=”TITLE” subtitle=”Subtitle” background=”#f9f9f9″ color=”#89A54E,#1A8BE2″ width=”940″]
credits:{enabled:false},xAxis:{tickInterval:7},chart: {
zoomType: ’xy’
},
yAxis: \[{ // Primary yAxis
labels: {
formatter: function() {
return this.value +’km’;
},
style: {
color: ’#89A54E’
}
},
title: {
text: ’Distance (entraînement)’,
style: {
color: ’#89A54E’
}
}
}, { // Secondary yAxis
gridLineWidth: 0,
title: {
text: ’Dénivelé’,
style: {
color: ’#1A8BE2′
}
},
labels: {
formatter: function() {
return this.value +’00m’;
},
style: {
color: ’#1A8BE2’
}
},
opposite: true
},
{ // Tercary yAxis
gridLineWidth: 0,
title: {
text: ’Distance (course)’,
style: {
color: ’#A63131′
}
},
labels: {
formatter: function() {
return this.value +’00m’;
},
style: {
color: ’#A63131’
}
}
}\],
tooltip: {shared: true,
crosshairs: \[true,true\]
},
legend: {
layout: ’vertical’,
align: ’left’,
x: 120,
verticalAlign: ’top’,
y: 80,
floating: true,
backgroundColor: ’#FFFFFF’
},
series: \[{
name: ’Distance (entraînement)’,
color: ’#89A54E’,
type: ’areaspline’,
yAxis: 1,
tooltip: {
valueSuffix: ’ km’
}

}, {
name: ’Dénivelé’,
color: ’#1A8BE2’,
type: ’areaspline’,
yAxis: 1,
tooltip: {
valueSuffix: ’00m’
}

},
{
name: ’Distance (course)’,
color: ’#A63131’,
type: ’areaspline’,
tooltip: {
valueSuffix: ’km’
}
}\]
[/Table2Chart]