1

バーの高さに合わせて正しくスケーリングするバーの列に画像を追加するにはどうすればよいですか。

以下の jsfiddle の例を参照してください。超高層ビルの画像をバーの列の背景として使用して高さを比較するグラフを作成しようとしていますが、背景画像がランダムにループ/タイル表示されているように見えます。これを修正するにはどうすればよいですか。

ありがとう

        color: {
           pattern: 'http://www.aperfectworld.org/clipart/buildings/buildings08g.gif',
           width: '100%',
           height: '100%'
        }

http://jsfiddle.net/2BqSY/4/

4

1 に答える 1

3

パターンを使用することはできないと思いますが、レンダラーを使用していくつかの画像を追加できます: http://jsfiddle.net/YZkPX/

    chart: {
        renderTo: 'container',
        type: 'column',
        events: {
            load: function () {
                var chart = this,
                    d = chart.series[0].data;

                for (var i = 0, len = d.length; i < len; i++) {
                    var p = d[i],
                        x = chart.plotLeft + p.plotX - p.pointWidth / 2,
                        y = chart.plotTop + p.plotY,
                        w = p.pointWidth,
                        h = p.graphic.height;
                    chart.renderer.image('http://www.aperfectworld.org/clipart/buildings/buildings08g.gif', x, y, w, h).add();

                }

            }
        }
    },

シリーズが再描画されるとき (ズーム/表示/非表示など)、x/y/w/h を再計算する必要があります。

于 2013-04-30T13:09:35.340 に答える