echarts 曲线走势图

html

 <div id="agentEcharts" style="width: 100%;height: 400px;"></div>

<script>export default {data() {return {commentsCurveTitle: ["客户机构", "代理商机构"],commentsCurveTime: ["一月", "二月", "三月", "四月", "五月","六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],commentsCurveData: []};},methods: {//近12个月代理商/客户机构新增数量走势agentEcharts() {let myChart = this.$echarts.init(document.getElementById("agentEcharts"));let option = {tooltip: {trigger: "axis",axisPointer: {type: "cross",label: {backgroundColor: "#6a7985"}}},legend: {// itemWidth: 10,// itemHeight: 10,itemGap: 20,x: "80%",y: "0",data: this.commentsCurveTitle},grid: {left: "3%",right: "4%",bottom: "3%",containLabel: true},xAxis: [{type: "category",boundaryGap: false,data: this.commentsCurveTime}],yAxis: [{type: "value"}],//数据series: [{name: "客户机构",type: "line",stack: "",color: "#0284E2",smooth: true,symbolSize: 5,areaStyle: {//右，下，左，上color: new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset: 0,color: "#0284E2"},{offset: 1,color: "#ffffff"}],false)},data: [50, 26, 90, 26, 50, 66, 50, 26, 50, 126, 50, 56]},{name: "代理商机构",type: "line",stack: "",color: "#FF6058",smooth: true,symbolSize: 5,areaStyle: {//右，下，左，上color: new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset: 0,color: "#FF6058"},{offset: 1,color: "#ffffff"}],false)},data: [65, 48, 65, 48, 65, 48, 65, 48, 65, 48, 65, 48]}]};myChart.setOption(option);window.addEventListener("resize", () => {myChart.resize();});},},mounted() {this.agentEcharts();}}

echarts 曲线走势图相关推荐

java走势图_JAVA 如何实现WEB上曲线走势图
转载自:http://www.xrss.cn/Dev/JAVA/200792816836.Html 实现非常简单,例子主要有3个类,ImageContainer.java 在内存中保存动态走势图,Im ...
自定义view走势图（三、贝塞尔曲线）
在开发中,对于走势图和统计图,会有用平滑的曲线来进行展示的需求,我首先想到的就是贝塞尔曲线.那么贝塞尔曲线是啥呢,贴上两张图多看一会就明白了图一图二上面图一是二阶贝塞尔曲线,图二是三阶贝 ...
html数字数据走势图,利用HTML5实现数据曲线走势图表代码
特效描述:利用HTML5实现数据曲线走势图表代码.利用HTML5实现数据曲线走势图表代码代码结构 1. 引入JS 2. HTML代码 var data = generateDayWiseTime ...
怎么看股票走势图（转贴）
导读: 怎么看股票走势图黄色是5日均线紫色是10日均线绿色是20日均线白色是30日均线蓝律色是120日均线(因为半年内交易时间可能也就120天左右),所以也可叫半年线红色是250天线,同半 ...
python画趋势图_python 绘制走势图
1.工具 matplotlib numpy 2.matplotlib使用 import matplotlib.pyplot as plt #plt用于显示图片 import matplotlib.im ...
现货黄金走势图怎么看？
K线走势图在现货黄金交易中非常重要,如果投资者看不懂K线图,就等同农民看不懂农民历.狙击手看不准瞄准器,司机握不紧方向盘.对于初学者而言,从零开始地自学K线知识可能有点难度,但如果能得到一套系统的学习 ...
a股历史30年的大盘价_中国股市历史图（中国股市30年走势图）
最佳中山街附近花店案救市不是合理的解决问题的办法,如同现在的房价很高,根本原因是有需求,虽然调控手段使了很多,只有短期效果. 股市,原来有一千多只股票,假设有10万亿的资金问题说哈尔滨市鲜花送货上 ...
matlab 预测曲线走势,基于matlab曲线拟合的数据预测分析
[摘要]试验所得的数据一般为离散的,且不能直接用一般的方程去描述它们,这样给数据的分析和预测带来了极大的麻烦,本文针对股票数据的变化,使用matlab的多项式拟合,求导,以及预测功能,对股票的实时变化 ...
[精选]看股票走势图的软件用哪个好(如何看懂股市行情大盘的走势)
Q1:看股票走势图的软件用哪个好一般用股票开户公司的专用软件,如果想要随时随地的了解股市行情可在手机上安装个手机炒股软件,目前好用的有:牛股宝.同花顺.大智慧等,个人比较喜欢牛股宝,它有三个版本,模 ...

echarts 曲线走势图

echarts 曲线走势图相关推荐

最新文章

热门文章