Question

在我的页面中，我有一些使用Jquery Flot plugin生成的图表，效果很好。

但如果我的客户只需点击一个选项并将饼图转换为条形图，那将会很有趣。

最好的办法是什么？

这是一个使用MVC的.Net项目，所以我想如果我制作2个不同的部分视图，每个都有图表类型（饼图和条形图），可以正常工作，但也许有人通过对于这样的事情并使其变得简单，可能是将饼图转换为另一种类型的函数（在我的例子中，饼图到条形图）。

Answer 1

你可以用直接的javascript做到这一点;只需使用正确的选项重新启动图表：

if (doPie){
   $.plot($('#placeholder'), data, {
        series: {
            pie: { 
                show: true
            }
        }
    });
} else if (doBar) {
    $.plot($('#placeholder'), [data], {
        series: {
            bars: { 
                show: true
            }
        }
    });
} else if (doLine) {
    $.plot($('#placeholder'), [data], {
        series: {
            lines: { 
                show: true
            }
        }
    });
}

请注意，传递数据的方式是条形/线条和饼图之间的差异。条形图/折线图除了多个系列之外，因此将其设为数组[data]。饼图仅排除一个系列data。

这是fiddle。

将JQuery图表转换为另一种类型的图表

1 个答案: