Comment régler la distance entre la légende et le graphique
Le titre est plus éloigné du graphique J'ai lu le manuel plusieurs fois et je ne le trouve pas ! ! !
Code
option var = {
info-bulle : {
déclencheur : 'axe'
},
grille : {
haut : 300
},
légende: {
données :['baidu','google','sm','sogou','so','hier_str','count'],
Style de texte : {
fontSize : 30 // Utilisez legend.textStyle.fontSize pour modifier la taille de l'exemple
},
largeur de l'article : 30,
hauteur de l'article : 30
},
boîte à outils : {
show : faux,
fonctionnalité : {
marque : {afficher : vrai},
dataView : {show : vrai, readOnly : faux},
magicType : {show : true, type : ['line', 'bar', 'stack', 'tiled']},
restaurer : {show : true},
saveAsImage : {show : true}
}
},
calculable : vrai,
Axe x : [
{
axisLabel : {
rotation: 0,
intervalle: 0,
Style de texte : {
Taille de police : 20
}
},
tapez : 'catégorie',
borderGap : faux,
données: ['2017-04-18','2017-04-19','2017-04-20','2017-04-21','2017-04-22', '23/04/2017','24/04/2017','25/04/2017','26/04/2017','27/04/2017',] }
],
Axe y : [
{
tapez : 'valeur',
axisLabel : {
formateur : '{valeur}',
Style de texte : {
Taille de la police : 20
}
}
}
],
série : [
{name:'yesterday_str',type:'line',line: 'Montant total',data:[ 2017-04-18,2017-04-19,2017-04-20,2017-04-21,2017-04-22,2017-04-23,2017-04-24,2017-04-25,2017- 26/04/27/04/2017,]}, {nom : 'baidu', type : 'line', ligne : 'Total', données : [ 2225,2400,2343,2292,2540,1734,2242,2436,110,134,]}, {nom :'google' , type:'line',line: 'Montant total',data:[ 1155,1150,1172,1160,1163,1154,1152,1135,10,112,]}, {nom : 'sm',type :'ligne',ligne : 'Total',données :[ 1201,1209,1236,1216,1240,1244,1240,1290,1750,1980,]}, {nom : 'sogou',type :'ligne',ligne : 'Total',données :[ 1150,1180,1221,1238,1231,1253,1226,173,10,13,]}, {name:'so',type:'line',line: 'Total',data:[ 513,534,565,593,575,732,792,750,729,685,]} , {nom : 'count',type :'line',ligne : 'total',données :[ 1634,1843,1877,1809,2079,2287,1762,1634,1750,1349,]}, ]
} ;
window.onresize = fonction(){
monChart.resize();
} ;
//Charger les données pour l'objet echarts
monChart.setOption(option);
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Il est préférable de se référer à la documentation officielle, ne cherchez pas d'autres tutoriels, ils ne seront plus à jour : http://echarts.baidu.com/opti...
L'option Echarts peut être modifiée en
3.x版本为top或者y;2.x版本为yVous pouvez essayer de le configurer dans cet exemple, adresse : http://echarts.baidu.com/demo...
Allez dans la documentation officielle et regardez le manuel de configuration détaillé. S'il existe cette option, ce sera plus facile. Sinon, changez simplement le style vous-même
.grid.top