关于扇形图的代码:
<div id="echarts_shanxing1" style="width:700px;height:400px;"></div> <div style="padding:10px;border:1px solid #ccc;width:120px;text-align:center;margin-top:20px;background:skyblue;color:white;cursor:pointer;" onclick="changeRoseType()">饼图<==>南丁格尔图</div> <div id="echarts_shanxing2" style="width: 700px;height:400px;"></div> <script type="text/javascript" src="lib/js/echarts.min.js"></script> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart1 = echarts.init(document.getElementById('echarts_shanxing1')); var myChart2 = echarts.init(document.getElementById('echarts_shanxing2')); // 指定图表的配置项和数据 $.get("echarts_shanxing.json").done(function (data) { var data=JSON.parse(data); myChart1.setOption({ // roseType: 'angle', backgroundColor: '#2c343c', title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center', textStyle:{ //图例文字的样式 color:'white' } }, tooltip : { trigger: 'item', formatter: "{a}
{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: 'left', textStyle:{ //图例文字的样式 color:'white', fontSize:12 }, data: (function(){ var arr=[]; for(var i = 0 ; i
{b} : {c} ({d}%)" }, legend: { x : 'center', y : 'bottom', data:(function(){ var arr=[]; for(var i = 0 ; i
渲染