0

私はクライアント プロジェクトのために、この 1 週間、ハイチャートをいじっていました。驚くほど強力なツールであり、素晴らしいリソースです。

当面の問題は、生産支出の私の単純な年間分析が結局彼らが望んでいたものではないということです。したがって、私の投稿。

どうすればよいかを理解する必要があるのは、ユーザーがグラフ (列) を操作して、複数のプロデューサーから選択し、90、75、または 50 パーセンタイルのベンチマークとして 1 つを選択できるようにすることです。このベンチマークは、シリーズの最後 (一番右) となり、他のベンチマーク (選択されたのは 1 つだけか他の 4 つかに関係なく) になります。

これが私が完全に持っていたものです：http://jsfiddle.net/UBYqY/

ここに、より関連性の高いコードのチャンクがあります。

plotOptions: {
        column: {
            pointPadding: 0.2,
            borderWidth: 1,
            borderColor: ['#5e9a88', '#FF0000'],
            color: '#6ba896',
            shadow: false,
            series: {
                colorByPoint: true
            },

            events: {
                legendItemClick: ' ',
                checkboxClick: function (event) {
                    if (event.checked) {
                        this.show();
                    } else {
                        this.hide();
                    }
                }
            },

            showCheckbox: true

        },

    },
    series: [{
        name: "Faruqh",
        data: [360.85, 380.90],
        borderColor: "#dc7539"

    }, {
        name: "Debra",
        data: [551.59, 500.29],
        borderColor: "#dc7539"

    }, {
        name: "Dennis",
        data: [266.24, 282.28],
        borderColor: "#dc7539"

    }]

助けてくれてありがとう

4

1 に答える 1

0

この例http://jsfiddle.net/UBYqY/7/を見たことがありますか?

 $("select").change(function(){
    chart.xAxis[0].setCategories(["Awesome"]);
    chart.addSeries({
        name: "75%",
        data: [400] 
    });

});
于 2013-02-01T14:51:06.347 に答える