HighCharts堆积柱

问题描述:

我使用HighCharts,我有这样的阵列,HighCharts堆积柱

enter image description here

我想创建这样一个图表:

enter image description here

据我所知,系列的格式是这样的:

series:[{ 
     name: 'Production', 
     data: [0.074, 0.040,0.034,0.036,0.068] 
    }, { 
     name: 'Reprise', 
     data: [0.024,0.022,0.029, 0.055, 0.052] 
    }] 

与类数组:

['Mario', 'Andre', 'Jean Jacques', 'Fidy', 'Judith'] 

我怎么能这样做,如果我想柱体积的每个值粘贴到像上面的图表各生产堆积条形图价值?

谢谢!

+0

你有这个的jsfiddle? –

+0

当然是,请看这里[链接](https://jsfiddle.net/AimeJean/zgzLwo5x/1/) – Gaetan

+0

您可以添加新的对象到您的图表选项,并在dataLabels.formatter中使用它:https:// jsfiddle。 net/zgzLwo5x/2 /如果我的例子会为你工作,我会将它作为回答发布 –

,你可以在这里看到一个例子:http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

series: [{ 
 name: 'Volume', 
     data: [1, 0.16, 0.46, 0.37, 0.24] 
    }, { 
     name: 'Reprise', 
     data: [0.024, 0.0.....] 
    }, { 
     name: 'Production', 
     data: [....] 
    }] 

后来编辑:显示体积数据标签可以使用格式化功能:

column: { 
       stacking: 'normal', 
       dataLabels: { 
        formatter: function() { 
         return this.x;//you can have a little logic here if (thix.x == 'Production) return myVariable[y];myVariable will contains values from volume or something similar 
        } 
       } 
      } 
+0

我的问题是:我希望列卷的每个值成为像上面的图表dataLabels。这是我的JSFiddle:[link](https://jsfiddle.net/AimeJean/zgzLwo5x/1/) – Gaetan

定义您的数据阵列中的音量:

data: [{y:0.074,volume:1}, {y:0.040,volume:0.15}] 

而且使用格式化的datalabels选项获取自定义值:

formatter: function() { 
    return this.point.volume + ' km'; 
} 

jsfiddle