AmCharts - 折れ線グラフオーバーフローグラフコンテナ

Question

自分のサイトに折れ線グラフを正しく表示しようとしていますが、なんらかの理由でグラフコンテナをオーバーフローさせたいとします。私は最初にボックスサイズをリセットしようとしましたが、グラフのすべての子要素に隠されたオーバーフローを設定して何も動作していないようです。なぜこれが起こっているのか分かりませんし、誰もが自分自身の前にこの問題を遭遇したのかどうか疑問に思っていましたか？

私は、現在、下にある線グラフを設定するために使用されているオブジェクトの下のイメージを追加しました。

{ 
"type": "serial", 
"theme": "light", 
"marginRight": 80, 
"autoMarginOffset": 20, 
"marginTop": 7, 
"dataProvider": queryData.data.result, 
"valueAxes": [{ 
    "axisAlpha": 0.2, 
    "dashLength": 1, 
    "position": "left" 
}], 
"mouseWheelZoomEnabled": true, 
"graphs": [{ 
    "id": "g1", 
    "balloonText": "[[value]]", 
    "bullet": "round", 
    "bulletBorderAlpha": 1, 
    "bulletColor": "#FFFFFF", 
    "hideBulletsCount": 50, 
    "title": "red line", 
    "valueField": "value", 
    "useLineColorForBulletBorder": true, 
    "balloon": { 
     "drop": true 
    } 
}], 
"chartScrollbar": { 
    "autoGridCount": true, 
    "graph": "g1", 
    "scrollbarHeight": 40 
}, 
"chartCursor": { 
    "limitToGraph": "g1" 
}, 
"categoryField": "name", 
"dataDateFormat": "DD/MM/YYYY HH:NN:SS", 
"categoryAxis": { 
    "parseDates": true, 
    "axisColor": "#DADADA", 
    "dashLength": 1, 
    "minorGridEnabled": true 
}, 
"export": { 
    "enabled": true 
} 
} 

Answer 1

あなたのWebページ上の<base href>ディレクティブを使用している場合、これが起こっている可能性があります。そのような場合、SVGのマスキングフィルタへの参照が正しく機能しないため、プロット領域から線がはみ出してしまいます。

は、それは単にあなたのコードにグローバル baseHref設定行を追加しないようにするには：

AmCharts.baseHref = true; 

これは、スタンドアロン行（いないチャートの設定の一部）でなければならないことに注意してくださいとのいずれかの前に、を行きますグラフを作成するコード。