Home forums Feature Requests & Feedback Label Position in the middle of a stacked bar Reply To: Label Position in the middle of a stacked bar

#5175

jaybe
Participant

And another question: How could i display more than one chart on one site. I tried:

<div id="chart1" style="height: 100px; width: 300px;">  </div>
<div id="chart2" style="height: 100px; width: 300px;">  </div>

That is my Code. But it only shows the last div 🙁 (only one chart)


<script type="text/javascript">
	//Chart fuer Tore Start
  window.onload = function () {
    var chart = new CanvasJS.Chart("chart_tore",
    {
	creditText: "",
	axisY:{
lineThickness:0,
tickThickness:0,
valueFormatString:" ",//space
gridThickness:0,

},
axisX:{
lineThickness:0,
tickThickness:0,
valueFormatString:" ",//space
labelFontSize:0,
},
      title:{
        //text: "Tore und dies unddas",
		fontSize:20,
		verticalAlign: "center", 
        horizontalAlign: "left",
			
      },
	  toolTip: {
	  enabled:false,
	  },
      data:[
      {
	    indexLabel: "{y}",
		indexLabelFontSize: 20,
		indexLabelPlacement: "inside",
		color: "#151515",
        type: "stackedBar100",
        dataPoints: [
		{y: bartore_home, label: "Tore" },
		
        
        ]
      },       
      {
        indexLabel: "{y}",
		indexLabelFontSize: 20,
		indexLabelPlacement: "inside",
		color: "#F2F2F2",  
		type: "stackedBar100",
        dataPoints: [
        {y: bartore_away, label: "Tore" },
        
        ]
      },
	  
	  
	  

      ]

    });

chart.render();
}
//Chart fuer Tore Ende

//Chart fuer Gelb Start
  window.onload = function () {
    var chart = new CanvasJS.Chart("chart_gelb",
    {
	creditText: "",
	axisY:{
lineThickness:0,
tickThickness:0,
valueFormatString:" ",//space
gridThickness:0,

},
axisX:{
lineThickness:0,
tickThickness:0,
valueFormatString:" ",//space
labelFontSize:0,
},
      title:{
        //text: "Tore und dies unddas",
		fontSize:20,
		verticalAlign: "center", 
        horizontalAlign: "left",
			
      },
	  toolTip: {
	  enabled:false,
	  },
      data:[
      {
	    indexLabel: "{y}",
		indexLabelFontSize: 20,
		indexLabelPlacement: "inside",
		color: "#151515",
        type: "stackedBar100",
        dataPoints: [
		{y: bargelb_home, label: "Tore" },
		
        
        ]
      },       
      {
        indexLabel: "{y}",
		indexLabelFontSize: 20,
		indexLabelPlacement: "inside",
		color: "#F2F2F2",  
		type: "stackedBar100",
        dataPoints: [
        {y: bargelb_away, label: "Tore" },
        
        ]
      },
	  
	  
	  

      ]

    });

chart.render();
}
//Chart fuer Gelb Ende
</script>