首页 > 其他分享 >立体折线图

立体折线图

时间:2025-01-10 17:57:46浏览次数:1  
标签:30 floor data random 立体 折线图 type Math

myChart.setOption({
title: {
text: '2024年全国降雨量统计',
show: true
},
tooltip: {},
xAxis3D: {
type: 'category',
data: ['0-100', '100-500', '500-1000', '1000-2000', '2000-5000', '5000以上']
},
yAxis3D: {
type: 'category',
data: ['降雨量']
},
zAxis3D: {
type: 'value'
},
grid3D: {
boxWidth: 200,
boxDepth: 80,
viewControl: {
alpha: 40,
beta: 40
}
},
series: [
{
name: '降雨量',
type: 'line3D',
data: [
[0, 0, Math.floor(Math.random() * 30)],
[1, 0, Math.floor(Math.random() * 30)],
[2, 0, Math.floor(Math.random() * 30)],
[3, 0, Math.floor(Math.random() * 30)],
[4, 0, Math.floor(Math.random() * 30)],
[5, 0, Math.floor(Math.random() * 30)]
],
shading: 'color',
lineStyle: {
width: 4,
color: '#c23531'
},
label: {
show: true,
formatter: '{b0}: {c2}'
}
}
]
})

标签:30,floor,data,random,立体,折线图,type,Math
From: https://www.cnblogs.com/chen0509/p/18664377

相关文章

  • Echarts的实践应用:天气预报未来一周最高气温变化趋势折线图
    文章目录Echarts的使用步骤通过Day.js来获取未来七天的日期通过axios来进行网络请求获得未来一周的天气预报使用Echarts中的折线图进行展示效果展示Echarts的使用步骤下载并引入echarts.js文件这里我是通过CDN方式引入的如下:<scriptsrc="https://cdn.jsdelivr......
  • 折线图
    myChart.setOption({title:{text:'2024年全国降雨量统计',show:false},legend:{show:true},toolbox:{show:true,feature:{magicType:{show:true,type:['stack','tiled']},saveAsImage:{show:true}}},tooltip:{},xA......
  • 基于 GEE Landsat C02 数据集合成 1986-2023 年的逐年年均 NDVI、多年均值、多年均值
    目录1完整代码2运行结果1完整代码//感兴趣的区域信息varroi=ee.FeatureCollection('projects/ee-zhangkanghnust/assets/HengShaoLou');Map.centerObject(roi);Map.addLayer(roi,{'color':'grey'},'roi');//Appliesscalingfactors.......
  • 使用Python自动生成历史发表博客目录列表,并计算出单篇访问量、点赞量、收藏量topN生成
    使用Python自动生成历史发表博客目录列表,并计算出单篇访问量、点赞量、收藏量topN生成目录并绘制折线图展示效果图2024博客列表按发表时间顺序从1月到12月2024年01月2024年02月2024年03月2024年04月2024年05月2024年06月2024年07月2024年08月2024年09月2024年10月2024年1......
  • 使用libtorch对光度立体算法(photometric stereo)进行加速(C++)
    光度立体法是一种三维重建方法,在一些表面产品的缺陷检测有较多的应用(具有深度的缺陷),但是光度立体法需要对每个像素点都求解一个线性方程组L(n*3)*N(3*1)=I(n*1)(n为光源数),在cpu中计算是非常耗时的。本文借助libtorch,在gpu中通过卷积的方式,实现方程组的求解,耗时大约为cpu......
  • echarts实现立体柱状折现图
    效果图代码constbarWidth=30;//柱子宽度constbarData=[476,13,235,2,402,258,387,306,8,31,734,39,762,225,31,18];//柱子数据constlineData=[521469.8,685,36778,680.8,90847.7,72425.5,75929.6,76918.7,1282,1641.2,462335.5......
  • 使用CSS3实现立体图片旋转的特效
    要使用CSS3实现立体图片旋转的特效,你可以利用transform属性,该属性允许你对元素进行旋转、缩放、倾斜或平移等操作。以下是一个简单的示例,展示了如何使用CSS3实现一个立体图片旋转的效果:HTML结构:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><meta......
  • 使用CSS3制作立体式3D旋转的动画效果
    要使用CSS3制作立体式3D旋转的动画效果,你可以使用CSS3的3D转换(transforms)和动画(animations)特性。以下是一个简单的示例,展示如何创建一个围绕Y轴旋转的3D立方体动画:<!DOCTYPEhtml><html><head><style>.scene{width:200px;height:20......
  • 【教学类-83-03】20241218立体书盘旋蛇3.0——圆点蛇1(蚊香形)
    背景需求:制作儿童简易立体书贺卡【教学类-83-01】20241215立体书三角嘴1.0——小鸡(正菱形嘴)-CSDN博客文章浏览阅读1k次,点赞24次,收藏18次。【教学类-83-01】20241215立体书三角嘴1.0——小鸡(正菱形嘴)https://blog.csdn.net/reasonsummer/article/details/143987230【教学类......
  • 自动化立体仓库堆垛机SRM控制系统提升控制功能块开发设计
    1、堆垛机SRM控制系统硬件组态如下图提升控制G120变频器,通信报文111 G120变频器配置调试  2、堆垛机SRM控制系统HMI屏幕页面如下图运行、起升、货叉相关参数设定3、堆垛机SRM控制系统中相关变量定义如下图其中包含起升控制相关变量:提升条码位置反馈、提升条码速度......