绘制图表图形

本文详细介绍了如何使用Echarts库绘制饼状图,包括设置图表标题、提示框组件、图例组件以及系列列表的图形分布。通过定义DrawChart,获取图表ID,初始化echarts实例,设置配置项和数据,最终实现图表的显示。文章提供了具体的代码示例,适用于数据可视化的学习和实践。
摘要由CSDN通过智能技术生成

作者:李仁海

撰写时间:2019.5.26

一、 绘制图表
1、 首先定义一个名称DrawChart给他,可以用来调用绘制的图表来实现数据的显示的果和图表的显示图你;接着就是用户var来获取你所需要绘制图表的id来进行实现,获取到id前我们还要给他定义以名称PieChartOne来到最后的图表显示的关键作用;还有一初始化实例你的echarts,这几个步骤才能来获取他的id。
在这里插入图片描述
2、 那么写好了前面的一步了,下一步就是设置图表的配置项以及数据,完成这几个步骤,也就差不多完成的了;首先也是用var的这个功能来进行他的作用、然后定义一个名称也是到最后的那一步来引用他进行图表数据的分析。
(1)先设置标题的组件。
title这个类是用来设置标题的的内容的,比如他就是用来设置以下的几个内容的,第一个先设置标题,那么我们就要有设置标题内容的类型; text: titText,用来设置的标题内容,然后设置标题放在上面位置,left: ‘left’,设置位置左边的一个位置,也可以用来设置到上、下、左、右这四个地方,看标题放在哪个地方合适;接着textStyle: {fontSize: 12,}他用来设置标题字体大小的比如现在的12个像素刚好适合现在弄的这个标题。
(2)然后提示框组件。
在这里插入图片描述
图2
t

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值