Multiple Chart - CanvasjJS

Multiple Chart - CanvasjJS

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="container1" style="width: 100%; height:300px;"></div>

JavaScript

var televisora =  new Array({label: "CAMPECHE", y: 1}, {label: "COLIMA", y: 2}, {label: "PACHUCA", y: 3}, {label: "SAN LUIS POTOSI", y: 4}, {label: "TEPIC", y: 5}, {label: "MORELIA", y: 6}, {label: "VILLAHERMOSA", y: 7}, {label: "CANCUN", y: 7}, {label: "CHIHUAHUA", y: 0}, {label: "CUERNAVACA", y: 0}, {label: "CIUDAD JUAREZ", y: 0}, {label: "MERIDA", y: 0}, {label: "PUEBLA", y: 0}, {label: "QUERETARO", y: 0}, {label: "TOLUCA", y: 0}, {label: "ZACATECAS", y: 0}, {label: "AGUASCALIENTES", y: 0}, {label: "LEON", y: 0}, {label: "LOS MOCHIS(CULIACAN)", y: 0}, {label: "DURANGO", y: 0}, {label: "ENSENADA", y: 0}, {label: "MAZATLAN", y: 0}, {label: "MEXICALI", y: 0}, {label: "LA PAZ", y: 0}, {label: "CULIACAN", y: 0}, {label: "TIJUANA", y: 0}, {label: "ACAPULCO SOCIA", y: 0}, {label: "COATZACOALCOS", y: 0}, {label: "GUADALAJARA", y: 0}, {label: "MONTERREY", y: 0}, {label: "OAXACA", y: 0}, {label: "PIEDRAS NEGRAS", y: 0}, {label: "TORREON", y: 0}, {label: "TUXTLA GUTIERREZ", y: 0}, {label: "VERACRUZ", y: 0});

var chart1 = new CanvasJS.Chart("container1", {    
        title: {
            text: "Column Chart"
        },
    axisX:{
   labelAngle: 90,
        margin: 0,
    labelWrap: true
 },	  
        data: [{
            type: "column",
            dataPoints: televisora
        }]
    });
    chart1.render();