1

ハイチャートには、列タイプと線タイプの 2 種類のチャートがあります(独自のシリーズがあります)。そのため、2 つの異なるグラフ (折れ線グラフと縦棒グラフ) の凡例には、左下と右下の 2 つの異なる場所が必要です。これは可能ですか？

4

2 に答える 2

1

残念ながら、このオプションはサポートされていませんが、appendを使用して、divの量をシリーズとして追加し、クリックイベントをキャッチすることができます。

http://jsfiddle.net/8JB6h/

$.each(chart.series, function (i, serie) {

            $('body').append('<div class="legend" id="serie' + i + '">' + serie.name + '</div>');


        });

        $('.legend').click(function () {
            var tmpserie = chart.get($(this).attr('id'));
            if (tmpserie.visible) tmpserie.hide();
            else tmpserie.show();

        });
于 2013-03-18T10:33:50.443 に答える
1

ハイチャートが凡例属性を使用して 2 つの凡例をサポートしているようには見えません。ただし、チャートのどこにでも配置できるラベルはサポートしています。面倒ですが、それらを使用して、必要な場所に独自のラベルを表示できます。

基本的な例は次のとおりです。

      labels: {
        items: [{
            html: "Legend 1",
            style: {
                top: '10px',
                left: '20px',
                height: '30px'
            }
        }, {
            html: "Legend 2",
            style: {
                top: '10px',
                left: '120px',
                height: '30px'
            }
        }]
    },

http://jsfiddle.net/7PRKr/

プロット領域内の位置を計算するためにいくつかの計算を行う必要があり、見栄えを良くするためにいくつかの作業を行う必要があります (標準の html および css 属性を使用)。

于 2013-03-18T09:08:36.293 に答える