HTML实现折现图完整源码及效果图

开发交流QQ群: 173683895 173683895 526474645 人满的请加其它群

效果图

源码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts-en.common.min.js" type="text/javascript" charset="utf-8"></script><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><title></title></head><style type="text/css">div {display: flex;}</style><body><!-- 为 ECharts 准备一个具备大小（宽高）的 DOM --><div id="main" style="width: 80%;margin-left: 10%;height:400px;"></div><script type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据option = {color: '#8CE24F',xAxis: {type: 'category',data: ['20190615', '20190616', '20190617', '20190618', '20190619', '20190620', '20190621']},yAxis: {axisLine: {show: false},axisTick: {show: false},//                                  splitLine:{show:false},type: 'value',axisLabel: {formatter: '{value} M'}},center: [200, 300],series: [{data: [3, 1, 2, 1, 4, 3],symbolSize: 10, // 图表   的点的大小type: 'line'}]};// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);</script></body></html>

HTML实现折现图完整源码及效果图相关推荐

HTML实现饼状图完整源码及效果图
开发交流QQ群: 173683895 173683895 526474645 人满的请加其它群效果图实现源码: <!DOCTYPE html> <html style ...
HTML+JavaScript网页背景轮播图完整源码
轮播图运行效果轮播图实现完整源码 <!DOCTYPE html> <html lang="en">
大转盘完整源码附效果图，可以下载直接用
本转盘实现功能,可以动态配置奖品和转盘相关的任何图片,可以灵活配置使用.是基于 uni-app 实现的.可以在小程序或者H5,各端兼容使用. 效果图:因为GIF图的掉帧,所以显示抽奖的转动速度慢,实际 ...
Ant Design Vue 表格内编辑（附完整源码及效果图）
效果图: 实现关键代码就是表单的 columns 属性对象下标的 scopedSlots: scopedSlots: {customRender: '' } 实现完整代码: <template& ...
微信小程序左滑删除效果的实现完整源码附效果图
效果图: 功能描述,小程序列表左滑删除功能的实现完整源代码实现: <view wx:for='{{friends}}' wx:key="" wx:if='{{groupTyp ...
把view或者div绘制 canvas ，导出图片功能实现完整源码附效果图（兼容H5和小程序）
先看下效果图:(上面灰色块内的用div和CSS写出来的,然后绘制到canvas) 实现此功能需要使用到一个微信小程序的插件,插件官方文档地址: wxml-to-canvas | 微信开放文档本博客代 ...
样式集（10） - 滑动删除功能实现，VUE完整源码附效果图
先看效果图实现方式: 使用 scroll-view 标签,进行横向滑动,达到左滑出现删除按钮, 注:如果不是使用uni-app或者小程序框架,没有 scroll-view 组件的话可以通过CSS实现 ...
C语言实现Graph图的算法(附完整源码)
C语言实现Graph图的算法 C语言实现Graph图的算法完整源码(定义,实现) C语言实现Graph图的算法完整源码(定义,实现) #ifndef _GRAPH_H #define _GRAPH_H ...
C++利用双哈希表实现存储机制hash table的算法(附完整源码)
C++利用双哈希表实现存储机制的算法 C++利用双哈希表实现存储机制的算法完整源码(定义,实现,main函数测试) C++利用双哈希表实现存储机制的算法完整源码(定义,实现,main函数测试) #in ...

HTML实现折现图完整源码及效果图

开发交流QQ群: 173683895 173683895 526474645 人满的请加其它群

HTML实现折现图完整源码及效果图相关推荐

最新文章

热门文章