1

私の Java アプリケーションには、Highcharts の折れ線グラフがあります。チャートと線が正しく作成されていることがわかりますが、線は見えません。しばらく Firebug を使用した後、線要素のクリップ パスが問題の原因であることがわかりました。クリップパスを削除すると、すべてが正常に機能します。このクリップパスが何であるか、作成された場所、および作成を防ぐ方法を知っている人はいますか?

前もって感謝します

クリップ パスを含むグラフの一部

 <g class="highcharts-series-group" zIndex="3">
        <g class="highcharts-series" clip-path="url(http://localhost:8080/TEST/HvvKdhLBG_GOfT12f3Kh54IJiiZArBH0Chyl1i37kuIDMchs8P9Vf5Fk23LJVwIebtPVrBoSelg/Hvv97#highcharts-1)" visibility="visible" transform="translate(69,40)">
    </g>

コード：

$(document).ready(function()
        {
            var chart1; // globally available
            $(function()
            {
                var chart = new Highcharts.Chart({
                    chart : {
                        renderTo: 'container',
                        defaultSeriesType: 'line'
                    },
                    yAxis : {
                        title: {
                            x: -20
                        },
                        plotLines : [ {
                            value : 0,
                            width : 1,
                            color : '#808080'
                        } ]
                    },
                    xAxis : {
                        categories : [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ]
                    },
                    series : [ {
                        data : [ 29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4 ],
                    } ]
                });
            });
        });
4

1 に答える 1

0

さて、私はあなたの例を開いてline series表示されていますが、null 値を使用しているためギャップがあります。何が問題なのかわかりませんか?

http://jsfiddle.net/eunLz/

于 2013-06-26T14:16:29.480 に答える