echarts是百度图说团队出的一个图表插件,有多种样式 可供选择。使用起来也比较简单。

 <div id="main"></div>
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
<script>
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
        ...
    }
    myChart.setOption(option);
</script>

其中option可以配置图表的样式和数据,可以在案例列表中找到对应的option

demo