Highcharts - Module d'exportation
Je suis à l'aide de highcharts pour générer des graphiques de données extraites d'une base de données.
J'ai de la difficulté à l'aide de l'exportation de module. J'ai inclus l'exportation de biens:
exporting{
enabled:true
}
mais les boutons ne s'affichent pas...
J'ai également liée à la exporting.js le fichier est trop...pas de boutons apparaissent..
Quelqu'un d'autre a eu ce problème?
EDIT:
Voici le code:
$.ajax({
type:"POST",
url: "retrievechartdata.php",
data: {questionId:qId, questionIdTwo:qIdTwo, title:title, titleTwo:titleTwo, from:from, to:to},
dataType: "json",
success: function(data) {
//$("#response").html("<div class='successMessage'>"+ data.valuesTwo +"</div>");
var maxY = parseInt(data.max) + 1;
var minY = parseInt(data.min);
if(minY > 0){
minY = 0;
}else{
minY -= 1;
}
var cdata = new Array();
cdata= data.values.split(',');
for(var i=0;i<cdata.length;i++)
{
cdata[i]= parseInt(cdata[i]);
}
var leg = false;
var title = data.questionTitle;
if(data.valuesTwo != "FALSE"){
leg = true;
title += " & "+data.questionTitleTwo;
var cdataTwo = new Array();
cdataTwo = data.valuesTwo.split(',');
for(var i=0;i<cdataTwo.length;i++)
{
cdataTwo[i]= parseInt(cdataTwo[i]);
}
}
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'x',
spacingRight: 20
},
credits: {
enabled: false
},
title: {
text: title
},
subtitle: {
text: document.ontouchstart === undefined ?
'Click and drag in the plot area to zoom in' :
'Drag your finger over the plot to zoom in'
},
xAxis: {
type: 'datetime',
maxZoom: 14 * 24 * 3600000, //fourteen days
lineWidth: 1,
lineColor: '#999999',
title: {
text: 'Date'
}
},
yAxis: {
title: {
text: data.questionTitle
},
labels: {
y: 2
},
lineWidth: 1,
lineColor: '#999999',
gridLineWidth: 1,
gridLineColor: '#eaeaea',
min: minY,
max: maxY,
startOnTick: false,
showFirstLabel: false
},
tooltip: {
shared: true
},
legend: {
enabled: leg
},
plotOptions: {
area: {
Color: {
linearGradient: [0, 0, 0, 600],
stops: [
[0, 'rgb(69, 114, 167)'],
[1, 'rgba(2,0,0,0)']
]
},
lineWidth: 1,
marker: {
enabled: false,
states: {
hover: {
enabled: true,
radius: 5
}
}
},
shadow: false,
states: {
hover: {
lineWidth: 1
}
}
}
},
series: [{
type: 'spline',
name: data.questionTitle,
pointInterval: 24 * 3600 * 1000,
pointStart: Date.UTC(data.year, data.month, data.day),
data: cdata,
lineColor: '#f6a828',
color: '#418ed6'
},
{
type: 'spline',
name: data.questionTitleTwo,
pointInterval: 24 * 3600 * 1000,
pointStart: Date.UTC(data.year, data.month, data.day),
data: cdataTwo,
lineColor: '#808080',
color: '#ff0000'
}],
exporting: {
enabled: true
}
})
source d'informationauteur user906568
Vous devez vous connecter pour publier un commentaire.
La version de Highcharts vous utilisez? La version de jQuery?
Actuellement est la v2.1.6, je recommande que vous utilisez la dernière version, car ils sont constamment à la résolution de bugs, l'ajout de nouvelles fonctionnalités, etc.
Avant la v2.0 il n'y a pas de soutien à l'exportation fonction
Les seules choses que vous devez faire afin d'apporter l'exportation module de travail sont:
1- Première: Ajouter le script js après le highcharts script, comme ceci:
L'exportation module est activé par défaut, donc il n'est pas nécessaire d'avoir le code que vous avez posté, donc vous pouvez le supprimer:
2- Deuxième: assurez-vous de publier le
exporting-server/index.php
fichier correctement.Ici vous avez ce que la documentation officielle lit à propos de l'exportation de l'installation des modules:
Ici vous pouvez voir les options de configuration concernant l'exportation de module: http://www.highcharts.com/ref/#exporting
Espère que cela vous aide.
Assurez-vous que la balise script a
type="text/javascript"