使用Highcharts创建marimekko图表

时间:2015-06-30 09:29:39

标签: javascript charts highcharts

我需要使用Highcharts(没有其他库)创建marmimekko图表。

可以在问题中找到此类图表的简单版本 - Highcharts Marimekko chart refresh

然而,我的要求更复杂,我需要像marimekko图表那样的堆叠列(类似于Fusion提供的 - http://www.fusioncharts.com/charts/marimekko-charts/)。

面积图方法可能不是最好的。我研究的其他选项包括设置系列的pointWidth(这没有用,因为我想要同一系列的不同点的不同列宽)。

我遇到的Highcharts的部分实现 - http://highcharts.uservoice.com/forums/55896-general/suggestions/2303560-multi-dimensional-column-charts

关于如何使用Highcharts创建此类marimekko图表的任何想法,建议或示例?

1 个答案:

答案 0 :(得分:0)

我已经建立了类似的东西。见这里:http://jsfiddle.net/06jpczo9/4/

主要的要点是:

Highcharts.chart('container', {

    chart: {
        type: 'variwide'
    },

    title: {
        text: 'Verdeling DBCs type per specialist'
    },

    xAxis: {
        type: 'category',
    },

    yAxis: {
        max: 100,
    },

    legend: {
        enabled: true,
        reversed: true
    },
    plotOptions: {
        variwide: {
            stacking: 'normal',}},
    ...

然后只添加一些系列。