- 对于图表,首先需要进行echarts的初步渲染,关键代码如:
var myChart = echarts.init(document.getElementById('main'));
- 其次,需要在对option配置设定之后,需要对其渲染到myChart中,关键代码如:
myChart.setOption(option);
- 在同一个option标签中,进行多个不同图表的渲染。
- 根据后台数据,可以动态设置显示图表,该功能主要根据各个模块的show来进行控制。在饼图的无数据展示的时候,来对其进行隐藏的时候,则不能使用show,需要使用stillShowZeroSum。
option = {
grid: [
{
x: '5%', y: '5%', width: '40%', height: '16%',},
{
x: '60%', y: '5%', width: '40%', height: '16%'},
{
x: '5%', y: '35%', width: '40%', height: '16%'},
{
x: '60%', y: '35%', width: '40%', height: '16%'},
],
title:
[{
text: '数据完整率',
left:'15%',
},
{
text: '数据有效率',