显示堆积柱形图（amcharts库） [英] Display of Stacked Column Chart (amcharts library)

问题描述

问题是列显示为一个在另一个之后，而不是在另一个之上。

请查看 http://jsfiddle.net/LLWft/2/

  var chart1 = new AmCharts.AmSerialChart（）; 
 chart1.theme =light; 
 chart1.colors = [＃00a0db，＃428bca]; 
 var legend = new AmCharts.AmLegend（）; 
 legend.horizo​​ntalGap = 10; 
 legend.maxColumns = 1; 
 legend.position =right; 
 legend.useGraphSettings = true; 
 legend.markerSize = 10; 
 chart1.addLegend（legend）; 
 chart1.dataProvider = chartData; 
 chart1.valueAxes.stackType =regular; 
 chart1.valueAxes.axisAlpha = 0.3; 
 chart1.valueAxes.gridAlpha = 0.3; 
 chart1.graphs = chartGraphs; 
 chart1.categoryField =year; 
 chart1.categoryAxis.gridPosition =start; 
 chart1.categoryAxis.axisAlpha = 0; 
 chart1.categoryAxis.gridAlpha = 0; 
 chart1.categoryAxis.position =left 
 chart1.write（'chartdiv'）; 
  

解决方案

最后我想出了问题

我已经通过数组设置了valueAxis并且它解决了我的问题

请看看 http://jsfiddle.net/LLWft/3/

  chart1.valueAxes = [{
stackType：regular，
axisAlpha：0.3，
gridAlpha：0.3 
} 
  

Problem is that columns appear to be located one behind the other, instead of one on top of the other

Please have a look at http://jsfiddle.net/LLWft/2/

var chart1=new AmCharts.AmSerialChart();
chart1.theme="light";
chart1.colors=["#00a0db", "#428bca"];
var legend = new AmCharts.AmLegend();
legend.horizontalGap=10;
legend.maxColumns=1;
legend.position="right";
legend.useGraphSettings=true;
  legend.markerSize=10;
   chart1.addLegend(legend);
   chart1.dataProvider=chartData;
   chart1.valueAxes.stackType="regular";
   chart1.valueAxes.axisAlpha=0.3;
   chart1.valueAxes.gridAlpha=0.3;
   chart1.graphs=chartGraphs;
   chart1.categoryField="year";
   chart1.categoryAxis.gridPosition="start";
   chart1.categoryAxis.axisAlpha=0;
   chart1.categoryAxis.gridAlpha=0;
   chart1.categoryAxis.position = "left";
   chart1.write('chartdiv');

解决方案

finally i figured out the problem

i have set valueAxis by array and it solved my issue

Please have a look at http://jsfiddle.net/LLWft/3/

chart1.valueAxes=[{
        "stackType": "regular",
        "axisAlpha": 0.3,
        "gridAlpha": 0.3
    }];

这篇关于显示堆积柱形图（amcharts库）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！