文档章节

Echarts

武鹏飞
 武鹏飞
发布于 2017/04/27 18:29
字数 129
阅读 6
收藏 0

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div id="main" style="height:600px;width:500px;"></div>
    </body>
    <script type="text/javascript" src="js/echarts.common.min.js" ></script>
    <script type="text/javascript">
        // 基于准备好的dom,初始化echarts实例
        var myChart=echarts.init(document.getElementById("main"))
         // 指定图表的配置项和数据
        var option = {
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</html>

© 著作权归作者所有

共有 人打赏支持
上一篇: 图片上传
下一篇: 图片上传
武鹏飞
粉丝 0
博文 2
码字总数 476
作品 0
丰台
私信 提问
"echarts/util/mapData/params" is not exists!

@Kener-林峰 你好,想跟你请教个问题: Error: [MODULE_MISS]"echarts/util/mapData/params" is not exists! 请问为什么拓展地图的时候报这个错误!在这前面已经进行了 var fileLocation = '...

黄平
2014/03/31
5.8K
1
前端知识 | 浅谈在React中使用echarts

方法一: echarts-for-react 是一个非常简单的针对于 React 的 Echarts 封装插件。 和使用所有其他插件一样,首先,我们需要 install 它: 第一步: npminstall --save echarts(依赖) npmi...

海说软件
06/26
0
0
ECharts-X 0.1 发布,下一代的 ECharts

ECharts-X是 ECharts 团队推出的全新 3D 可视化库,它是基于 ECharts 的扩展,底层深度整合了 WebGL 库QTEK和 Canvas2D 库ZRender。 目前发布的 ECharts-X 0.1 包含 map3d,并且在 map3d 中提...

pissang
2015/02/05
6.1K
54
.net图表之ECharts随笔01-最简单的使用步骤

找了几种绘制图表的办法,后面选定了ECharts 首先,从NuGet管理中添加ECharts包,然后就可以调用绘制图表啦! 基本步骤: 1.为ECharts准备一个具备大小(宽高)的Dom 2.ECharts的js文件引入 ...

DoKey713
11/26
0
0
Echarts-PHP 1.0.9 发布,进一步完善 PHPDoc

Echarts-PHP is a PHP library that works as a wrapper for the Echarts js library(https://github.com/ecomfe/echarts). Support Echarts version from 2.2.x to 3.x. Echarts-PHP是一个对......

hisune
2017/03/29
808
3

没有更多内容

加载失败,请刷新页面

加载更多

聊聊flink的FsStateBackend

序 本文主要研究一下flink的FsStateBackend StateBackend flink-runtime_2.11-1.7.0-sources.jar!/org/apache/flink/runtime/state/StateBackend.java @PublicEvolvingpublic interface Sta......

go4it
30分钟前
1
0
webpack配置proxyTable时pathRewrite无效的解决方法

webpack配置接口地址代理 在项目开发中,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 ...

前端小攻略
30分钟前
1
0
安装jenkins

1.下载 wget https://mirrors.tuna.tsinghua.edu.cn/jenkins/war/2.155/jenkins.war 2.后续操作和 dubbo 安装类似: (1)复制一份空白的tomcat,重命名为:jenkins-tomcat (2)war包放入t...

狼王黄师傅
38分钟前
2
0
zookeeper配置与使用

一.登录官网下载 不要带后缀的,那是公侧版本,下稳定版,比如3.4.9 二.安装与使用 解压后bin里是启动程序 配置文件:在conf下 复制zoo_sample.cfg改名为为zoo.cfg,打开zoo修改文件 临时数据保存...

小兵胖胖
今天
3
0
spring源码阅读笔记(一)

ClassPathXmlApplicationContext 与 FileSystemXmlApplicationContext 用了这么久的框架,是时候搞一下源码了,一般最初接触spring 从以下步骤开始 创建一个bean类 并创建 ooxx.xml之类的spr...

NotFound403
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部