awesomechart的数据能实现多列吗

Orains7 2016-05-22 01:26:36

<!DOCTYPE html>
<html>
<head>
<title>AwesomeChartJS demo</title>
<style>
body {
background: #fff;
color: #333;
}

a, a:visited, a:link, a:active {
color: #333;
}

a:hover {
color: #00f;
}

.charts_container {
overflow: auto;
width: 900px;
height: 420px;
margin: 10px auto;
}

.chart_container_centered {
text-align: center;
width: 900px;
height: 420px;
margin: 10px auto;
}

.chart_container {
width: 400px;
height: 400px;
margin: 0px 25px;
float: left;
}

.footer {
font-size: small;
text-align: right;
}
</style>
<script src="Scripts/wx/awesomechart.js"></script>
</head>
<body>
<div class="chart_container_centered">
<canvas id="chartCanvas13" width="600" height="400">
Your web-browser does not support the HTML 5 canvas element.
</canvas>
</div>

<div class="charts_container">
<div class="chart_container">

<canvas id="chartCanvas1" width="400" height="400">
Your web-browser does not support the HTML 5 canvas element.
</canvas>

</div>
</div>
<script type="application/javascript">
var chart1 = new AwesomeChart('chartCanvas1');
chart1.title = "Worldwide browser market share: December 2010";
chart1.data = [{51.62,50},{51.62,50},{51.62,50},{51.62,50},{51.62,50}];
chart1.labels = [{'IE','EI'),{'IE','EI'),{'IE','EI'),{'IE','EI'),{'IE','EI'),];
chart1.draw();
</script>

</body>
</html>

想做成这样一格多数据的