目录前期学习一、生成3D堆积柱状图二、定向需求1.坐标刻度问题2.柱形以及颜色修改3.粘贴origin源文件到word 前期学习Origin绘制3D条状图教程丨百分比累积图利用以上教程可以使用Origin绘制简单的三维堆积柱状图，本文主要记录一下其他需求，比如坐标轴范围修改、柱子颜色调整、堆积柱子形状调整、如何粘贴源文件到word等等。基本操作参考以上教程，下文体现较少。一、生成3D堆积柱状图诉
参考：Vue echart实现柱状图,电池图,3D柱图和3D圆柱图代码详解
原创
2022-12-21 11:31:53
555阅读
习惯了Origin绘制三维柱状图，别忘了Excel也能绘制，而且很简单，也是科研必备技能有小伙伴提出下图的画法，希望有转向的教程，小编一想，Excel画出下面的图形且不是很便捷今天分享下列图形的画法。希望对大家有所帮助声明：Excel为2019版本。上述图形来自网友。Excel画三维柱状图坚持原创始终如一，每天一点看得见的进步。第一步：Excel中输入数据。(没有原始数据，按上图大概输入的)第二步
转载
2023-08-12 15:27:44
95阅读
直接上代码/* * @Autor: 一个帅小伙 * @Version: 1.0 * @Date: 2019-10-08 09:27:17 * @L
原创
2023-03-15 09:30:43
308阅读
效果图源代码var img = new Image();var canvas = document.createElement('canvas');var ctx = canvas.getContext('2d');img.onload = function () { var width = canvas.width = img.width; var height =...
原创
2022-03-24 15:13:41
726阅读
效果图源代码$.get('data/asset/data/life-expectancy-table.json', function (data) { option = { grid3D: {}, tooltip: {}, xAxis3D: { type: 'category' }, ...
原创
2022-03-24 15:13:44
331阅读
效果图源代码$.get('data/asset/data/life-expectancy-table.json', function (data) { option = { grid3D: {}, tooltip: {}, xAxis3D: { type: 'category' }, ...
原创
2021-07-07 10:11:14
674阅读
效果图源代码var img = new Image();var canvas = document.createElement('canvas');var ctx = canvas.getContext('2d');img.onload = function () { var width = canvas.width = img.width; var height =...
原创
2021-07-07 10:11:12
134阅读
效果图源代码var canvas = document.createElement("canvas");var ctx = canvas.getContext("2d");var imgData;var currentImg;// Configurationsvar config = { scale: 0.3, roughness: 0, metalne...
原创
2022-03-24 15:09:03
161阅读
效果图源代码var canvas = document.createElement("canvas");var ctx = canvas.getContext("2d");var imgData;var currentImg;// Configurationsvar config = { scale: 0.3, roughness: 0, metalne...
原创
2021-07-07 10:11:09
137阅读
效果图源代码var UPDATE_DURATION = 100;window.AudioContext = window.AudioContext || window.webkitAudioContext;var audioContext = new AudioContext();var oReq = new XMLHttpRequest();oReq.open('GET', ...
原创
2021-07-07 10:11:13
100阅读
效果图源代码var UPDATE_DURATION = 100;window.AudioContext = window.AudioContext || window.webkitAudioContext;var audioContext = new AudioContext();var oReq = new XMLHttpRequest();oReq.open('GET', ...
原创
2022-03-24 15:13:41
54阅读
为何要用带动画的柱状图呢？最近，项目中遇到一个地方，要用到柱状图。所以这篇文章主要讲怎么搞一个柱子。100行代码，搞定柱状图! 圆角，头顶带数字。恩，这样用drawable也可以搞定。但是，这个柱子是有一个动画的，就是进入到界面的时候柱子不断的长高。这样的话，综合考虑还是用自定义View来做比较简便。效果如下图了：完整Demo地址请到我的github下载地址： https://github.com
说是3D，其实暂时还跟3D绘图相关的API扯不上边，用的都是2D的API实现的。见图：详细代码public class BarChat3DView extends View {
private Context mContext;
private PaintFlagsDrawFilter mDrawFilter;
//画板宽度
private int mCanvasW
转载
2023-07-24 23:59:10
104阅读
零、前言[1].本控件绘图部分使用我的LogicCanvas绘图库：基础使用在此，
[2].喜欢的话可以到github上看看，顺便给个star
[3].今天突然发现竟然LogicCanvas绘图库，忘了绘制文字这个重要功能，赶紧加
[4].写完了，顺便写篇文章吧，基于LogicCanvas实现坐标系及网格(已内置)，再画个柱状图看看吧网格坐标系效果坐标系效果一、网格绘制：这个很简单，for里面拉线
转载
2023-05-18 20:55:07
181阅读
效果图源代码$.getScript('vendors/simplex.js').done(function () {function generateData() { var data = []; var noise = new SimplexNoise(Math.random); for (var i = 0; i <= 10; i++) { ...
原创
2022-03-24 15:09:02
226阅读
效果图源代码 $.getScript('vendors/simplex.js').done(function () {var noise = new SimplexNoise(Math.random);function generateData(theta, min, max) { var data = []; for (var i = 0; i <= 20; ...
原创
2022-03-24 15:09:02
119阅读
效果图源代码var hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a', '7a', '8a', '9a','10a','11a', '12p', '1p', '2p', '3p', '4p', '5p', '6p', '7p', '8p', '9p', '10p', '11p'];var ...
原创
2022-03-24 15:09:02
252阅读
效果图源代码var img = new Image();var canvas = document.createElement('canvas');var ctx = canvas.getContext('2d');img.onload = function () { var width = canvas.width = img.width / 2; var heig...
原创
2022-03-24 15:09:03
98阅读
效果图源代码$.getScript('vendors/simplex.js').done(function () {function generateData() { var data = []; var noise = new SimplexNoise(Math.random); for (var i = 0; i <= 10; i++) { ...
原创
2021-07-07 09:47:02
1160阅读
