- 博客(16)
- 收藏
- 关注
RSS订阅原创 echarts 仪表盘 嵌套
offsetCenter: [‘1%’, ‘-10%’] // 文字相对于尺寸中心位置偏移。offsetCenter: [‘0%’, ‘30%’] // 数值相对于尺寸中心位置偏移。center: [‘50%’, ‘40%’], //位置。offsetCenter:[0,-65] //指针位置。show: true, // 是否显示刻度(线)radius: 100, // 半径。radius: 60, // 半径。width: 5, //指针粗细。// 仪表盘轴线相关配置。// 表盘中指针的固定点。
2024-06-06 11:02:21
373
1
原创 移动端侧滑功能
/ 自动轮播的时间间隔。// 首先将第一张图片设为当前的轮播项，并设置定时器，进行自动轮播。// 当前轮播项的索引值。// 鼠标移出轮播容器时，重新设置定时器，继续自动轮播。// 当点击小圆点时，切换到对应的轮播项。// 鼠标移入轮播容器时，暂停自动轮播。// 左右箭头点击事件。
2023-08-25 14:59:28
74
原创 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
270
原创 echarts雷达图
echarts雷达图var myChart = echarts.init(document.getElementById('synteTxt')); var option = { title: { text: "" }, tooltip : { trigger: 'axis' }, radar : [{
2021-08-11 10:59:38
612
原创 纵向折柱混合图
纵向折柱混合图 title: { text: '世界人口总量', subtext: '数据来自网络' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }
2021-08-11 10:50:47
119
原创 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
668
原创 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
908
原创 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
2773
原创 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
1497
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人