Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript的堆叠条形图_Javascript_Canvasjs_Stackedbarseries - Fatal编程技术网

使用javascript的堆叠条形图

使用javascript的堆叠条形图,javascript,canvasjs,stackedbarseries,Javascript,Canvasjs,Stackedbarseries,您好,我正在尝试使用canvasJS为以下嵌套列表绘制堆叠条: pepidstat=[[[2016, 61, 'Feb'], [2011, 367, 'Feb'], [2013, 83, 'Feb'], [2014, 89, 'Feb'], [2015, 106, 'Feb']], [[2016, 43, 'Jan'], [2011, 128, 'Jan'], [2013, 150, 'Jan'], [2014, 74, 'Jan'], [2015, 121, 'Jan']]] 我的可行jav

您好,我正在尝试使用canvasJS为以下嵌套列表绘制堆叠条:

pepidstat=[[[2016, 61, 'Feb'], [2011, 367, 'Feb'], [2013, 83, 'Feb'], [2014, 89, 'Feb'], [2015, 106, 'Feb']], [[2016, 43, 'Jan'], [2011, 128, 'Jan'], [2013, 150, 'Jan'], [2014, 74, 'Jan'], [2015, 121, 'Jan']]]
我的可行javascript是:

<script type="text/javascript">
  window.onload = function () {
    var chartbar = new CanvasJS.Chart("chartContainerBar",
    {
      title:{
      text: "Yearly Growth of Total Peptides"
      },
      animationEnabled: true,
      axisX: {
    interval: 1,
    labelFontSize: 10,
    lineThickness: 0
      },

      data:pepiddata
    });

    chartbar.render();
    chartbar={};
  }
  var pepidstatlist = {{ pepidstat|safe }};
  var pepiddata = [];var pepiddataSeries = { type: "stackedBar",showInLegend: "true" };
  var pepidname= [];
  var pepiddataPoints = [];
  for (pi = 0; pi < pepidstatlist.length;pi++) {
    piname = pepidstatlist[pi][0][2];
    for (pj = 0; pj < pepidstatlist[pi].length;pj++) {
      pidx=pepidstatlist[pi][pj][0];
      pidy=pepidstatlist[pi][pj][1];
      pepiddataPoints.push({
    x:pidx,      
    y: pidy,
    label: pidx,
    name:piname,
    toolTipContent: "{name}-{label}:{y}",   
      });
    }
    pepiddataSeries.name = piname; // here I want pass each month name

  }
  pepiddataSeries.dataPoints = pepiddataPoints;
  pepiddata.push(pepiddataSeries); 
  </script>

window.onload=函数(){
var chartbar=new CanvasJS.Chart(“chartContainerBar”,
{
标题:{
正文:“总肽的年增长”
},
animationEnabled:没错,
axisX:{
间隔时间:1,
labelFontSize:10,
线宽:0
},
数据:pepiddata
});
chartbar.render();
chartbar={};
}
var pepidstatlist={{pepidstat|safe};
var pepiddata=[];var pepiddataSeries={type:“stackedBar”,showInLegend:“true”};
var pepidname=[];
var pepiddataPoints=[];
对于(pi=0;pi
这个脚本运行得很好,只是我不能在数据系列中指定每个月的名称。你能建议我需要在哪里修改我的脚本吗?
谢谢

您刚刚创建了一个数据系列。创建两个dataSeries并将其推送到data。其他一切都很好


pepidstat=[[2011,61,'Feb']、[2012,367,'Feb']、[2013,83,'Feb']、[2014,89,'Feb']、[2015,106,'Feb']、[2011,43,'Jan']、[2012,128,'Jan']、[2013,150,'Jan']、[2014,74,'Jan']、[2015,121,'Jan']]
var pepidstatlist=pepidstat;
var pepiddata=[];
var pepidname=[];
对于(pi=0;pi



您只需创建一个数据系列。创建两个dataSeries并将其推送到data。其他一切都很好


pepidstat=[[2011,61,'Feb']、[2012,367,'Feb']、[2013,83,'Feb']、[2014,89,'Feb']、[2015,106,'Feb']、[2011,43,'Jan']、[2012,128,'Jan']、[2013,150,'Jan']、[2014,74,'Jan']、[2015,121,'Jan']]
var pepidstatlist=pepidstat;
var pepiddata=[];
var pepidname=[];
对于(pi=0;pi


var pepidstatlist={{pepidstat | safe}}中什么是安全的?var pepidstatlist={{pepidstat|safe}}中什么是安全的?