1は、グリッドのプロパティを使用して、図形の外周からの距離が設けられています。
グリッド：{
トップ： '1％'、
左： '0％'、
右：5 '％'、
下： '7％'、
containLabel：真
}、
図2は、凡例を使用して伝説とアイコンの名前です。
伝説： {
データ：[{
名前：「登録ユーザー数」
アイコン：「行」
}、{
名前：「掃引速度の統合」
アイコン：「行」
}、{
名前：「インテグラ消費」
アイコン：「行」
}、{
名前：「購入率年後」
アイコン：「行」
}]
}、
図3は、（除去）座標軸名と座標のx軸位置、y軸スケールが設けられています
X軸：{
タイプ：「価値」、
名前：「ユーザー数」
nameTextStyle：{たfontSize：10} //テキストのフォントサイズを設定します
nameLocation：「中央」、// x軸の位置を名前の座標セット
nameGap：「23」、/ / x座標グリッドの位置と、x軸からの距離の軸名を調整することができません
たAxisLabel：{
フォーマッタ：関数（値）{
戻り値/ 10000> = 1（値/ 10000 + 'ワン'）:?値// X座標スケールフィルタ
}、
回転：0、
//間隔：4 // X軸傾斜テキスト
}、
分割線：{
ショー：偽//グリッド線を削除
}、
axisTick：{
ショー：偽//スケール除去軸
}、
axisLine：{
lineStyle：{
色： '＃666'、//フォントの色
幅：0 //この表示されていない軸の幅は、0です
}
}、
}、
4つのデータパターンが設けられています。
シリーズ：[{
タイプ：「バー」、
データ：USER_DATA、
barWidth：'40％」、//はバーのサイズを設定します
サイレント：真、
itemStyle：{
正常：{
色： "＃1 65C166"、
ラベル：{
ショー：真、//表示を有効にします
位置：本文中に表示されるグラフィック上記の「insideLeft」、// //表示
TEXTSTYLE：{//値のスタイル
色： '＃157056'、
fontSize：12
}
}
}
}、
}
]
図5は、滑らかな線グラフとなり、点が除去されます
{
名前：「掃引速度の統合」
タイプ：「行」
記号：「なし」、//ドットを削除
スムーズ：//、真のように平滑化曲線
yAxisIndex：1、//このノート、例の公式ウェブサイトの2つだけの折り目は、カドガンは、そうでない場合は、データが0で、移動するには、このプロパティを追加し、ラインを所有しています。
itemStyle：{
正常：{
ラベル：{
ショー：偽、
位置：「上」、
TEXTSTYLE：{
色： '＃のffa630'
}
}、
色： "＃1 ffa630"
}
}、
データ：scanPointRate
}、
6ときに画面が変化し、適応
window.onresize =関数（）{
trendChart.resize（）;
userChart.resize（）;
}