ets图表可调型折线图

插件特效
2026-07-26 04:31 3 次浏览 • 0 次下载 0KB
ets图表可调型折线图

更新时间:2019-10-11 01:06:40

使用方法

css

都在页面上,可调整为以屏幕来适应图表的宽度

html

1
2
3
4
5
6
7
8
<div class="main">
<div id="layer04" class="layer" data-ydata="48, 52, 45, 46, 89, 120, 110,100,88,96,88,45,78,67,89,103,104,56,45,104">
<div id="layer04_left" class="layer04-panel">
<div id="layer04_left_label" class="layer04-panel-label">日均折线图走势</div>
<div id="layer04_left_chart" class="layer04-panel-chart"></div>
</div>
</div>
</div>

js

1
2
3
$(function(){
renderLayer04Left();
});

引入文件

1
2
3
<script src="jquery-3.1.0.min.js"></script>
<script src="echarts_4.1.0.rc2_echarts.min.js"></script>
<script src="monitor.js"></script>

最后:注释很全,都在monitor.js中可调节,如果还需要添加其他属性,可以访问echarts的官方文档: