[FlexChart] 軸ラベルが重なって非表示になっている場合、対象の軸のグリッド線も非表示になる – MESCIUS ナレッジベース

作成日: 2023/03/10 最終更新日: 2023/05/31

文書種別

制限事項

状況

修正済み

詳細

overlappingLabelsプロパティがAuto（デフォルト値）の状態で軸ラベルが重なり非表示になっている場合、非表示になっている軸のグリッド線も非表示になります。

回避方法

この制限事項はバージョン5.20231.888で機能改善されました。

修正版を適用しない場合の回避方法は次の通りです。

renderedイベントで以下を設定します。また、この時、majorGridプロパティはfalseに設定してください。

flexChart.rendered.addHandler((sender, args) => {
    args.engine.stroke = '#666';
    args.engine.strokeWidth = 1;

    let points = document.querySelector('.wj-series-group polyline').points,
        rect = document.querySelector('.wj-plot-area rect'),
        y1 = rect.y.animVal.value,
        y2 = y1 + parseFloat(rect.attributes['height'].value);

    for (let index = 0; index < points.length; index++) {
        let x = points[index].x;
        args.engine.drawLine(x, y1, x, y2, 'wj-gridline');
    }
});