vue中ECharts分时图的绘制
应需求绘制分时图,这里用到的接口是和讯网的,之前也有用到新浪的,区别并不是很大,有的是http有的是https,按需求选择,之后处理数据即可。
先上效果图,有不足欢迎大家指出
echarts图例手册
找到一篇很不错的图例手册,安利给大家echarts图例手册
可自行收藏
各种接口股票接口
这里找到了大佬整理的股票接口 腾讯股票接口、和讯网股票接口、新浪股票接口、雪球股票数据、网易股票数据 有需要可以直接使用
和讯接口 http://webstock.quote.hermes.hexun.com/a/minute?code=sse600000&start=20181026000000&number=500
html部分
这里用到了ref,vue中不推荐直接操作dom,所以最好不要使用document.getElementById的方式
<template>
<div>
<div ref="chartMin" style="width:540px;height:300px"></div>
</div>
</template>
js部分
export default {
data() {
return{
a: 'sh600000',
data1: [],
data2: [],
data3: [],
}
},
methods: {
getChart() {
this.code = (this.a).slice(2);
if (this.code[0] == 6) {
this.type = 'sse';
} else