php - Baidu echarts2.x でこの距離を設定する方法が見つかりません

Question

凡例とチャートの間の距離を設定する方法
タイトルがチャートから離れているのですが、マニュアルを何回読んでも見つかりません。 ！ ！

コード

<プリ><コード> var オプション = { ツールチップ: { トリガー: '軸' }、 グリッド: { トップ: 300 }、 伝説： { データ:['baidu','google','sm','sogou','so','yesterday_str','count'], テキストスタイル: { fontSize: 30 // legend.textStyle.fontSize を使用して例のサイズを変更します }、 itemWidth: 30、 アイテムの高さ: 30 }、 ツールボックス: { 表示: false、 特徴 ： { マーク: {表示: true}、 dataView: {show: true、readOnly: false}、 magicType : {show: true、type: ['line', 'bar', 'stack', 'tiled']}, 復元: {show: true}、 画像として保存: {表示: true} } }、 計算可能：真、 x軸: [ { 軸ラベル: { 回転: 0、 間隔: 0、 テキストスタイル:{ フォントサイズ:20 } }、 タイプ: 'カテゴリ', 境界ギャップ : false、 データ : ['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',] } ]、 y軸: [ { タイプ: '値'、 軸ラベル : { フォーマッタ: '{値}'、 テキストスタイル: { フォントサイズ: 20 } } } ]、 シリーズ ： [ {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,]}, {name:'baidu',type:'line',line : '合計',data:[ 2225,2400,2343,2292,2540,1734,2242,2436,110,134,]}, {name:'google',type:'line',line: '合計', data:[ 1155,1150,1172,1160,1163,1154,1152,1135,10,112,]}, {name:'sm',type:'line',line:'Total',data:[ 1201,1209 ,1236,1216 ,1240,1244,1240,1290,1750,1980,]}, {name:'sogou',type:'line',line:'Total',data:[ 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,]}, {name:'count' ,type:'line' ,行: '合計',データ:[ 1634,1843,1877,1809,2079,2287,1762,1634,1750,1349,]}, ] }; window.onresize = function(){ myChart.resize(); }; // echarts オブジェクトのデータをロードします myChart.setOption(オプション);

Answer 1

1. 公式ドキュメントを参照するのが最善です。他のチュートリアルは探さないでください。それらは古くなります: http://echarts.baidu.com/opti...

2. Echarts オプションは

に変更できます

3. 3.x版本为top 或者y; 2.x版本为y

4. この例では、アドレス: http://echarts.baidu.com/demo... で構成を試すことができます。

Answer 2

このオプションがある場合は、公式ドキュメントにアクセスして、詳細な設定マニュアルを参照してください。ない場合は、自分でスタイルを変更するだけです

。

Answer 3

grid.top