Question

过去一周，我一直在为一个客户项目玩弄高级图表。这是一个非常强大的工具，这么棒的资源！

手头的问题在于，我对生产支出的简单年度分析并不是他们想要的，现在我需要一个超级快速的转变来获得所需的产品。因此我的帖子。

我需要弄清楚如何让用户与图表（列）进行交互，以便他们可以从多个生产者中进行选择，并选择90％，75％或50％的基准测试。然后，这个基准将成为系列的最后一个（最右边），因为其他系列（已被选中，只有1个或其他4个）填入。

这里是更相关的代码块：

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"

    }]

感谢您的帮助

Answer 1

你见过这个例子http://jsfiddle.net/UBYqY/7/吗？

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

});

高图中的交互式基准测试和系列选择

1 个答案: