ECharts学习总结(二):标签式单文件引入echarts的方法

下载好echarts的库文件。然后在script里面引入。

//from echarts example
<body>
    <div id="main" style="height:400px;"></div>
    ...
    <script src="js/echarts-2.2.7/build/dist/echarts-all.js"></script>
    <script>
        var myChart = echarts.init(document.getElementById(‘main‘));
        var option = {
            ...
        }
        myChart.setOption(option);
    </script>
</body>

可以直接引入的单文件如下:

  • dist/echarts-all.js : 经过压缩,全图表,包含world,china以及34个省市级地图数据
  • source/echarts-all.js : 未压缩,全图表,包含world,china以及34个省市级地图数据,可用于调试
时间: 2024-10-18 20:20:13

ECharts学习总结(二):标签式单文件引入echarts的方法的相关文章

echarts学习心得1---模块化单文件引入和标签式单文件引入

一.模块化单文件引入 1. 为ECharts准备一个具备大小(宽高)的Dom(当然可以是动态生成的) <div id="main" style="height:400px;"></div> 2. 通过script标签引入echarts主文件 <script src="./js/echarts.js"></script> 3. 为模块加载器配置echarts的路径,从当前页面链接到echarts.js

echarts2.0.2单文件引入,不能require的解决办法

起因是我在画y轴的标题时,不能显示上标,米<sup>3</sup>  会显示   米3 ! 问过林峰,他说这是基于canvas,不是基于svg或html,所以不能处理这个.然后就想用zrender画出这个字.我只需要解决上标的问题就够了! 然后看了文档,说是引入单文件的js后,可以直接使用两个全局的命名空间:echarts,zrender,其它需要require引入 .zrender.tool.color = require('zrender/tool/color')  .其它就是

Linux学习笔记二:Linux的文件处理命令

1.文件处理命令:ls 作用:显示目录文件 语法:ls [选项] [文件或目录] [选项]:-a 显示所有文件,包括隐藏文件   -l 显示详细信息 -d 查看目录属性 [文件或目录]:当省略时默认将当前路径作为参数 实例: · ls 显示当前文件夹下所有文件(不包括隐藏文件)的信息 · ls -l 显示当前文件夹下所有文件(不包括隐藏文件)的详细信息 · ls -ld  显示当前文件夹的详细信息 技巧:要查看文件夹的信息,必须加-d参数:要查看详细参数,必须加-l参数. 2.文件的属性 使用”

ios开发网络学习十二:NSURLSession实现文件上传

#import "ViewController.h" // ----WebKitFormBoundaryvMI3CAV0sGUtL8tr #define Kboundary @"----WebKitFormBoundaryjv0UfA04ED44AhWx" #define KNewLine [@"\r\n" dataUsingEncoding:NSUTF8StringEncoding] @interface ViewController ()&l

echarts2.0.4单文件引入使用

需要引入的相关文件 引入es1.js echarts-plain-map.js echart.js 相关图的公共方法: /**  * echarts 折线图  * @param categories  横坐标  * @param series      数据列  * @param id          图ID  * @param targetnames 类项目(对应图例)  */ function initLineEcharts(categories,series,id,targetnames

Struts2学习(二)———— 表单参数自动封装和参数类型自动转换

前篇文章对struts2的一个入门,重点是对struts2的架构图有一个大概的了解即可,之后的几篇文章,就是细化struts2,将struts2中的各种功能进行梳理,其实学完之后,对struts2的使用不外乎这几点,参数自动封装,拦截器的使用,数据校验,ognl表达(值栈和actionContext的讲解),struts2的标签,struts2的国际化,struts2的文件上传下载. 把这几个功能都学会了使用之后,struts2基本上就学完了.所以接下来的文章就是对这几个功能进行讲解.如何使用.

redis学习(二)redis.conf文件配置

取自: https://www.cnblogs.com/pqchao/p/6558688.html 为了更好的使用redis,我们需要详细的了解redis配置文件及相关参数作用. bind 127.0.0.1 bind 192.168.1.100 绑定redis服务器网卡IP,默认为127.0.0.1,即本地回环地址.这样的话,访问redis服务只能通过本机的客户端连接,而无法通过远程连接.如果bind选项为空的话,那会接受所有来自于可用网络接口的连接.如上配置,绑定一个127.0.0.1的本机

ECharts学习总结(一):ECharts的第一个图表

在进行echarts图表开发之前先要到echarts官网下载echarts的库文件,我下载的是echarts-2.2.7.然后把库文件放到工程文件web目录下.接下来进行第一个图表的显示步骤如下: 1.新建一个echarts.html文件.为ECharts准备一个具备大小(宽高)的Dom. <!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts</title>

SpringMVC实现单文件上传、多文件上传、文件列表显示、文件下载

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 本文详细讲解了SpringMVC实例单文件上传.多文件上传.文件列表显示.文件下载. 一.新建一个Web工程,导入相关的包 springmvc的包+commons-fileupload.jar+connom-io.jar+commons-logging,jar+jstl.jar+standard.jar 整个相关的包如下: 整个工程目录如下: 二.配置web.xml和SpringMVC文件