Cara untuk menetapkan jarak antara legenda dan carta
Tajuk lebih jauh daripada carta Saya membaca manual beberapa kali dan tidak menemuinya. ! !
Kod
pilihan var = {
petua alat: {
pencetus: 'paksi'
},
grid : {
atas: 300
},
lagenda: {
data:['baidu','google','sm','sogou','so','semalam_str','count'],
Gaya teks: {
fontSize: 30 // Gunakan legend.textStyle.fontSize untuk menukar saiz contoh
},
itemLebar: 30,
itemTinggi: 30
},
kotak alat: {
menunjukkan: palsu,
ciri : {
tandakan: {tunjukkan: benar},
dataView: {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tilled']},
pulihkan : {show: true},
saveAsImage: {show: true}
}
},
boleh dikira: benar,
xAxis : [
{
axisLabel: {
putar: 0,
selang: 0,
Gaya teks:{
Saiz fon:20
}
},
jenis: 'kategori',
boundaryGap : palsu,
data : ['2017-04-18','2017-04-19','2017-04-20','2017-04-21','2017-04-22','2017-04-23' ,'24-04-2017','25-04-2017','26-04-2017','27-04-2017',] }
],
yAxis : [
{
jenis: 'nilai',
axisLabel : {
pemformat: '{value}',
Gaya teks: {
Saiz fon: 20
}
}
}
],
siri : [
{name:'yesterday_str',type:'line',line: '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-04-26,2017-04-27,]}, {nama:'baidu',type:'line',line : 'Jumlah',data:[ 2225,2400,2343,2292,2540,1734,2242,2436,110,134,]}, {name:'google',type:'line',line: 'Jumlah', data:[ 1155,1150,1172,1160,1163,1154,1152,1135,10,112,]}, {nama:'sm',type:'line',line: 'Jumlah',data:[ 1201,1209 ,1236,1216 ,1240,1244,1240,1290,1750,1980,]}, {name:'sogou',type:'line',line: 'Jumlah',data:[ 1150,1180,1221,1238 ,1231,1253, 1226,173,10,13,]}, {name:'so',type:'line',line: 'Jumlah',data:[ 513,534,565,593,575,732,792,750,729,685,]}, {name:'count' ,type:'line ,baris: 'jumlah',data:[ 1634,1843,1877,1809,2079,2287,1762,1634,1750,1349,]}, ]
};
window.onresize = function(){
myChart.resize();
};
//Muatkan data untuk objek echarts
myChart.setOption(pilihan);
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Sebaik-baiknya merujuk kepada dokumentasi rasmi, jangan cari tutorial lain, ia akan ketinggalan zaman: http://echarts.baidu.com/opti...
Pilihan Echarts boleh diubah suai kepada
3.x版本为top或者y;2.x版本为yAnda boleh cuba mengkonfigurasinya dalam contoh ini, alamat: http://echarts.baidu.com/demo...
Pergi ke dokumentasi rasmi dan lihat manual konfigurasi terperinci Jika ada pilihan ini, ia akan menjadi lebih mudah
grid.top