绘制水晶报表

本文介绍了如何使用Echarts绘制水晶报表,包括饼状图和条形图的创建过程。首先定义全局变量和方法,初始化Echarts实例,然后配置图表的各个组件,如标题、图例、数据等。通过实例化和数据设置,展示如何动态调整图表样式,以呈现清晰的数据信息。
摘要由CSDN通过智能技术生成

开发工具与关键技术:DW
作者:胡名权
撰写时间:2019年5月7日

水晶报表是我们在建页面的时候常常会用到的,用它来显示数据的一个情况,方便、易懂,操作起来也是简单的,更能让我们清楚的看到它所展现的数据信息。那么这次我们就一起来研究一下绘制水晶报表。
首先我们定义它的一个全局变量,然后来写它的方法,用function封装。基于准备好的dom,初始化echarts实例,如果存在,就销毁后再次初始化,

if (PieChart != undefined) {
                 PieChart.dispose();
             }
             PieChart = echarts.init(document.getElementById('chartOne'));

接着,我们要对相应数据进行设置,以达到我们想要的形状和数据等,

var option1 = {
                 title: {
                     text: textName,
                     left: "left",
                     textStyle: {
                         fontSize: 18,
                     }
                 },

这个是我们的一些配置项,title是标题,text跟的是文本名称,然后让它有一个靠左显示,再设置它的字体大小。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值