从零开始的echarts学习(1.初始化与颜色主题)

开头简述

作为echarts系列第一部分,首先来了解一下最基本的配置,echarts的初始化我在下面会简单说明,万事开头难,所以我主动让它降低一些难度。

echarts安装

echarts和jquery、bootstrap等等API一样,只要直接引用即可,模块化的引用方式可以参考这个,如果你得项目中只包含其中几种类型的图表,那你完全可以只引用相应的文件,而不需要引用完整的echarts

//from echarts example
require.config({
    paths:{ 
        'echarts:'./js/echarts',
        'echarts/chart/bar' : './js/echarts',       // 把所需图表指向单文件
        'echarts/chart/line': './js/echarts'
    }
});

而标签引用,则直接用

<script src="./js/echarts.js"></script>

的方式在script标签中使用,如果你还用了其他echarts的相关库,则需要在这个标签下面写,因为对文件的引用是编写按顺序的。

echarts初始化

安装成功后,需要在页面中创建一个div,然后给这个div设定一个id,例如下面这样

<div id="mychart" style="width:50
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值