- 博客(15)
- 收藏
- 关注
原创 移动端侧滑功能
/ 自动轮播的时间间隔。// 首先将第一张图片设为当前的轮播项,并设置定时器,进行自动轮播。// 当前轮播项的索引值。// 鼠标移出轮播容器时,重新设置定时器,继续自动轮播。// 当点击小圆点时,切换到对应的轮播项。// 鼠标移入轮播容器时,暂停自动轮播。// 左右箭头点击事件。
2023-08-25 14:59:28 48
原创 echarts仪表盘
仪表盘import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;option = { series: [{ type: 'gauge', startAngle: 180, endAngle: 0, axisLine: {
2021-08-13 15:23:25 203
原创 echarts雷达图
echarts雷达图var myChart = echarts.init(document.getElementById('synteTxt')); var option = { title: { text: "" }, tooltip : { trigger: 'axis' }, radar : [{
2021-08-11 10:59:38 578
原创 纵向折柱混合图
纵向折柱混合图 title: { text: '世界人口总量', subtext: '数据来自网络' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }
2021-08-11 10:50:47 95
原创 echarts 折柱混合图
echarts 折柱混合图`option = {tooltip: {trigger: ‘axis’,axisPointer: {type: ‘cross’,crossStyle: {color: ‘#999’}}},toolbox: {feature: {dataView: {show: true, readOnly: false},magicType: {show: true, type: [‘line’, ‘bar’]},restore: {show: true},sav
2021-08-11 10:42:24 595
原创 echarts 折线图 ‘触屏 tooltip 和 dataZoom 示例‘
echarts 折线图’触屏 tooltip 和 dataZoom 示例’var myChart = echarts.init(document.getElementById(‘synteTxt’));var option = {animation: false,title: {},color:[’#128DFF’,’#F2861A’],legend: {icon: ‘rect’,itemWidth: 20,itemHeight: 10,itemGap: 10,data: [‘电工装
2020-11-24 16:33:45 792
原创 echarts 折线图 设置
echarts 折线图var myChart = echarts.init(document.getElementById(‘synteTxt’));var option = {title: {text: ‘’},tooltip: {trigger: ‘axis’},legend: {icon: ‘rect’, //设置示例的图标itemWidth: 20,itemHeight: 10,itemGap: 10,data: [‘电工装备’, ‘中国制造业’],right: ‘
2020-11-24 16:19:47 2663
原创 echarts的水球图
echarts的水球图var myChart = echarts.init(document.getElementById(‘synteTxt’));var option = {/title:{subtext: arrVal[0],subtextStyle:{color:[’#ED6A67’],fontSize:12},top: ‘80%’,textAlign: ‘center’,left: ‘50%’,},/series: [{type: ‘liquidFill’,data:
2020-11-24 16:08:50 1437
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人