百度echarts的使用

我们做网站/应用的时候,很多需要数据统计报表,现在给大家推荐一个的报表控件,效果不错,兼容ie8+以上等主流浏览器。

操作方法

  • 01

    我们下载好开发包后就可以开始了,第一步引入开发包,和需要的主题文件(可定义自己的主体文件),并定义好页面布局。2.0以后上的版本,需要把开发包放到body下,否则ie低版本会出现属性未找到的错误,导致图标初始化失败。

  • 02

    第二步,普通初始化图表,通过调用开发包方法,有两种初始化方式, 1.var myChart = echarts.init(document.getElementById("echart")); 2.var myChart=require('echarts').init(document.getElementById("echart")); 一般建议使用第一种方法进行初始化操作。

  • 03

    第三步,设置option属性,来给图表设置数据,option是数组元素,tooltip:提示框,legend图例,calculable可设置是否拖拽,series设置数据(data类型也为数组类型),我们开始先随机初始化几条模拟数据,

  • 04

    到这一步,就完成了,图表初始化的步骤,效果如下图所示。然后大家是不是想我们可以改变下图标的样式?答案是可以的,2.0版本为我们留了设置主题的方法,可设置setThem()对图表样式进行修改

  • 05

    我们来看看,主题怎么配置吧,设置色版,设置主题颜色,不一一介绍了,请大家请看下面代码:

  • 06

    通过上面主题的添加我们就完成了对样式的修改,当然最后大家记嘚设置myChart.setTheme(theme);

(0)

相关推荐

  • 高逼格答辩PPT如何打造

    一.风格 推荐一种风格,扁平化. 为什么推荐这种呢?扁平化的优点大概有下面这么几点: 1)理解和轻松简单 2)视觉效果好 3)不需要太多配图 4)使观众更加在意内容 5)制作简单 这样的风格其实是比较 ...

  • 手机优化,输入法优化,解决百度等输入法呼出卡顿问题

    这个是手机的优化教程,可以大大提高手机反映速度,跟内存, 可以适当提高了第三方输入法的反映速度。 不是为了输入法做的。 手机流畅才是最终目的 删除服务项。找到路径名为:/System/Library/ ...

  • 百度地图离线包怎么用?离线包安装教程

    很多网友问到手机版百度地图离线包怎么安装?怎么用? 在这里小编以百度地图安卓版以例,给大家图解离线地图安装使用说明: 第一步:将下载好的离线地图包解压缩。 百度地图离线包下载地址: http://sh ...

  • 用百度搜索百度云盘或其他云盘分享的资料

    其实说到百度云盘,大家一定想到了今天发生的360和百度云盘之间的对战吧,嘿嘿,今天要说的这个也是因为这样,我才突然间想到,其实不算什么技术性东西,而是看你会不会用百度啦。百度云盘从所周知有很多方便之处 ...

  • 百度无线音乐盒好吗 百度无线音乐盒设置使用教程

    百度无线音乐盒,是一款能让普通音箱瞬间变成Wi-Fi音箱的设备,同时还是一台双天线300Mbps无线路由器。下面是百度无线音乐盒使用教程。 将无线音乐盒与老音箱连接,使用iPhone、Android手 ...

  • 百度翻译怎么添加收藏?

    当你在翻译词语或者句子是肯定或遇到经常要翻译的词语,其实我们就可以在翻译的时候直接添加收藏,这样下次要使用的时候就直接可以在添加收藏哪里查看了。今天小编就教大家百度翻译怎么添加收藏,希望能帮助到朋友们 ...

  • 百度音乐播放器怎么转换音乐格式 音乐转换格式教程

    使用百度音乐播放器下载音乐格式不能用其他移动设备播放,其实我们可以将音乐格式转换成通用模式,百度音乐播放器怎么转换音乐格式?下面小编就为大家介绍一下音乐转换格式教程。 百度音乐播放器怎么转换音乐格式 ...

  • 手机版百度地图怎么查看地铁图?

    通过百度地图搜索,用户可以找到指定的城市、街区、街道、建筑物等所在的地理位置,当我们想要乘坐地铁的时候去某个地方却不知道乘坐那条线,这时候我们就可以在百度地图中查看城市的地铁图路线了,方便我们能快速查 ...

  • 教你一招 让你轻松下载百度文库/豆丁网的文档

    今天有位朋友在人人网上吆喝,“哪位大侠知道如何把百度文库里的文章转化成word免费下载”。 大家知道,百度文库是一个非常庞大的文档资源库,各行业的文档都有,比如求职简历、策划书、PPT以及各种文献等。 ...