引入ECharts
echarts提供多种引入方式,请根据你的项目类型选择合适的方式:
模块化包引入
如果你熟悉模块化开发,你的项目本身就是模块化且遵循AMD规范的,那引入echarts将很简单,使用一个符合AMD规范的模块加载器,如esl.js,只需要配置好packages路径指向src即可,你将享受到图表的按需加载等最大的灵活性,由于echarts依赖底层zrender,你需要同时下载zrender到本地,可参考demo,你需要配置如下。
需要注意的是,包引入提供了开发阶段最大的灵活性,但并不适合直接上线,减少请求的文件数量是前端性能优化中最基本但很重要的规则,务必在上线时做文件的连接压缩。
//from echarts example
require.config({
packages: [
{
name: 'echarts',
location: '../../src',
main: 'echarts'
},
{
name: 'zrender',
location: '../../../zrender/src', // zrender与echarts在同一级目录
main: 'zrender'
}
]
})
模块化单文件引入(推荐)
如果你使用模块化开发但并没有自己的打包合并环境,或者说你不希望在你的项目里引入第三方库的源文件,我们建议你使用单文件引入,同模块化包引入一样,你需要熟悉模块化开发。
自2.1.8起,我们为echarts开发了专门的合并压缩工具echarts-optimizer。如你所发现的,build文件夹下已经包含了由echarts-optimizer生成的单文件:
dist(文件夹) : 经过合并、压缩的单文件
line.js : 折线图(如需折柱动态类型切换,require时还需要echarts/chart/bar)
bar.js : 柱形图(如需折柱动态类型切换,require时还需要echarts/chart/line)
scatter.js : 散点图
k.js : K线图
pie.js : 饼图(如需饼漏斗图动态类型切换,require时还需要echarts/chart/funnel)
radar.js : 雷达图
map.js : 地图
force.js : 力导向布局图(如需力导和弦动态类型切换,require时还需要echarts/chart/chord)
chord.js : 和弦图(如需力导和弦动态类型切换,require时还需要echarts/chart/force)
funnel.js : 漏斗图(如需饼漏斗图动态类型切换,require时还需要echarts/chart/pie)
gauge.js : 仪表盘
eventRiver.js : 事件河流图
treemap.js : 矩阵树图
venn.js : 韦恩图
echarts.js : 这是包含AMD加载器的echarts主文件,需要通过script最先引入
chart(文件夹) : echarts-optimizer通过依赖关系分析同时去除与echarts.js的重复模块后为echarts的每一个图表类型单独打包生成一个独立文件,根据应用需求可实现图表类型按需加载
source(文件夹) : 经过合并,但并没有压缩的单文件,内容同dist,可用于调试
采用单一文件使用例子见ECharts单一文件引入,存放在example/www下,首先你需要通过script标签引入echarts主文件
//from echarts example<body>
<div id="main" style="height:400px"></div>
...
<script src="./js/echarts.js"></script>
</body>
在主文件引入后你将获得一个AMD环境,配置require.conifg如下:
//from echarts example<body>
<div id="main" style="height:400px"></div>
...
<script src="./js/echarts.js"></script>
<script type="text/javascript">
require.config({
paths: {
echarts: './js/dist'
}
})
</script>
</body>
require.config配置后就可以通过动态加载使用echarts
//from echarts example<body>
<div id="main" style="height:400px"></div>
...
<script src="./js/echarts.js"></script>
<script type="text/javascript">
require.config({
paths: {
echarts: './js/dist'
}
})
require(
[
'echarts',
'echarts/chart/line', // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表
'echarts/chart/bar'
],
function (ec) {
var myChart = ec.init(document.getElementById('main'))
var option = {
...
}
myChart.setOption(option)
}
)
</script>
</body>
总结来说,模块化单文件引入ECharts,你需要如下4步:
为ECharts准备一个具备大小(宽高)的Dom(当然可以是动态生成的)
通过script标签引入echarts主文件
为模块加载器配置echarts的路径,从当前页面链接到echarts.js所在目录,见上述说明
动态加载echarts及所需图表然后在回调函数中开始使用(容我罗嗦一句,当你确保同一页面已经加载过echarts,再使用时直接require('echarts').init(dom)就行)
详见入门教程 ( Getting started ) »
标签式单文件引入
自1.3.5开始,ECharts提供标签式引入。如果你的项目本身并不是基于模块化开发的,或者是基于CMD规范(如使用的是seajs),那么引入基于AMD模块化的echarts可能并不方便,我们建议你采用srcipt标签式引入,忘掉require。Srcipt标签引入echarts后将可以直接使用两个全局的命名空间:echarts,zrender,可参考ECharts标签式引入,需要注意的是excanvas依赖body标签插入Canvas节点去判断Canvas的支持,如果你把引用echarts的script标签放置head内在IE8-的浏览器中会出现报错,解决的办法就是把标签移动到body内(后)。
标签式引入环境中,常用模块的引用可通过命名空间直取,同模块化下的路径结构,如:
echarts.config = require('echarts/config'), zrender.tool.color = require('zrender/tool/color')
//from echarts example<body>
<div id="main" style="height:400px"></div>
...
<script src="example/www2/js/dist/echarts-all.js"></script>
<script>
var myChart = echarts.init(document.getElementById('main'))
var option = {
...
}
myChart.setOption(option)
</script>
</body>
炒股的时候大家常常都会看股票K线。用K线找“规律”也是大家比较多用到的方法,股市风险大炒股还是要谨慎,以便更好的投资、获得收益。下面跟大家来详细说明一下什么是K线,从哪几个方面去分析它。
分享之前,先免费送给大家几个炒股神器,能帮你收集分析数据、估值、了解最新资讯等等,都是我常用的实用工具,建议收藏:炒股的九大神器免费领取(附分享码)
一、 股票K线是什么意思?
K线图也可以被叫作蜡烛图、日本线或者是阴阳线,我们常把它叫做k线,它起初是为了计算米价的趋向而出现的,再后来,股票、期货、期权等证券市场都开始使用它。
影线和实体构成形为柱状的k线。影线在实体上方的部分叫上影线,下方的部分叫下影线,实体分阳线和阴线。
Ps:影线代表的是当天交易的最高和最低价,实体表示的是当天的开盘价和收盘价。
其中阳线的表示方法有三种,分别是:红色、白色柱体还有黑框空心,然而阴线大多是选用绿色、黑色或者蓝色实体柱,
不仅如此,“十字线”被我们看到时,就是实体部分转换成一条线
其实十字线很容易理解的,十字线可以反映出当天的收盘价=开盘价。
经过对K线的剖析,我们可以出色的找到买卖点(虽然股市没有办法预测,但K线指导意义是有的),对于新手来说是最好操纵的。
在这里有一方面大家值得注意,K线分析起来是比较困难的,如果你对K线不清楚,建议用一些辅助工具来帮你判断一只股票是否值得买。
比如说下面的诊股链接,输入你中意的股票代码,就能自动帮你估值、分析大盘形势等等,我刚开始炒股的时候就用这种方法来过渡,非常方便:【免费】测一测你的股票当前估值位置?
对于K线分析的小技巧,接下来我就去讲讲,让你尽快入门。
二、怎么用股票K线进行技术分析?
1、实体线为阴线
股票成交量是怎样的,这个时候是我们要重视的,一旦出现成交量不大的情况,说明股价可能会短期下降;但是成交量很大的话,股价多半要长期下跌了。
2、实体线为阳线
实体线为阳线说明啥?充分说明股价上涨动力更足了,但是具体会不会长期上涨,还要结合别的指标进行判断才行。
比如说大盘形式、行业前景、估值等等因素/指标,但是由于篇幅问题,不能展开细讲,大家可以点击下方链接了解:新手小白必备的股市基础知识大全
应答时间:2021-09-24,最新业务变化以文中链接内展示的数据为准,请点击查看