百度图标echarts.js的使用

摘要:
稍后需要时可以下载主题。简介:2.初始化以创建具有固定宽度和高度的容器。初始化alization://Based在准备好的dom上,初始化echarts实例varmyChart=echarts。初始化;option={xAxis:{type:“category”,数据:[“Mon”,“Tue”,“Wed”,“Thu”,”Fri“,”Sat“,“Sun”]},yAxis:{type:“value”},序列:[{data:[1202000150,80,70110130],类型:“bar”}]}//使用刚刚指定的配置项和数据来显示图表。

echarts官网:http://echarts.baidu.com/api.html#echarts

echarts是百度公司开的一种开源制作图片工具,是一个专门制作图表的开源工具,功能非常强大,地图展示什么的真的非常牛,,,,搭配的各种主题也是非常漂亮,向百度大佬低头。

1.引用

百度图标echarts.js的使用第1张

官网下载地址:http://echarts.baidu.com/download.html,下载开发版本源代码版本。主题可后面要用到时下载。

引入:

<script type="text/javascript" src="http://t.zoukankan.com/echarts.js"></script>

2.初始化使用

新建一个有固定宽高的容器。

<div   style=" 800px;height: 300px;"></div> 

初始化:(最简单的实例)

// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('charts'));
option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

百度图标echarts.js的使用第2张

3.引入不同的主题

主题下载:http://echarts.baidu.com/download-theme.html 主题可下载两种格式:一种是js格式,一种是json格式,json格式可以让我们自己定义主题的风格和颜色,用户可以根据自己的方案去定义。

如果是下载的js格式:例如我下载了dark这个主题的风格:

 如果是js格式,直接引用主题:

<script type="text/javascript" src="http://t.zoukankan.com/dark.js"></script> 
var myChart = echarts.init(document.getElementById('charts'),'dark');

百度图标echarts.js的使用第3张

如果是json格式的主题:

还不知道怎么用。。。。。。。。。。

免责声明:文章转载自《百度图标echarts.js的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇2.汇编语言--masn代码基本结构、数值概念、位运算开始用巴别小精灵强化英语单词记忆下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

解决less 版本过高

执行npminstall--无保存加载器。安装less后,在样式中使用less时将报告错误。这是由于less loader版本过高造成的。您可以在package.json中查看less的当前版本。因此,在这种情况下,我们可以先卸载现有的less loader,然后安装less loader的较低版本npmuninstallless loader...

django的优缺点(非原创)

Django做了很多。使用它快速开发一些Web应用程序是很好的。因此,在一些人眼中,Django只不过是一种灵丹妙药,但对一些人来说,它也是一种毒药和剧毒。Django开发人员也讨论并试图支持SQLAlchemy,但最终放弃了。据估计,成本太高,很难与Django的其他模块集成。尽管Django的ORM不如SQLAlchemy强大,但它并不弱。Django的...

为服务中网关的作用

“API网关”核心组件是架构用于满足此些需求。API网关定位为应用系统服务接口的网关,区别于网络技术的网关,但是原理则是一样。API网关统一服务入口,可方便实现对平台众多服务接口进行管控,对访问服务的身份认证、防报文重放与防数据篡改、功能调用的业务鉴权、响应数据的脱敏、流量与并发控制,甚至基于API调用的计量或者计费等等。...

TortoiseGit安装、配置(Git 小乌龟安装)

然后关闭5ToroiseGit。以克隆验证中心项目为例,验证TortoiseGit配置是否正确。注意:在克隆代码之前,请确保您具有相关的项目代码权限。如果您没有权限,请具有主权限的同事帮助您分配登录gitlab的权限,在本地目标下载目录中获取SSH链接地址,右键单击--˃TortoiseGit--˃克隆,然后将SSH链接地址粘贴到URL,单击“确定”确认项目...

解决Maven无法下载fastdfs-client-java依赖,Dependency 'org.csource:fastdfs-client-java:1.27-SNAPSHOT' not found.

然后,您成功地将fastdfs客户端java打包到本地Maven仓库,更新项目Maven,pom.xml文件将不会找不到fastdfs客户机java依赖项。...

sqlserver 计算 百分比

selectltrim+'%'As百分比NUMERIC(P,S)P的默认值是:38S的默认值是:-84~127numeric(a,b)函数有两个参数,前面一个为总的位数,后面一个参数是小数点后的位数,例如numeric(5,2)是总位数为5,小数点后为2位的数,也就是说这个字段的整数位最大是3位。...