origin中画双y轴

该博客介绍了使用Origin绘制双Y轴图的方法。首先导入数据,选中数据画点状图并连线,因数据范围差异大需设置双Y轴。接着介绍设置左右Y轴数据的步骤,展示结果图后,还说明了美化图的操作,如修改点线样式、比例尺、坐标轴等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一 、导入数据

准备数据:一列数据为x轴,另外两个轴为y轴
在这里插入图片描述

二、操作步骤

1 选中数据,画图
画点状图,连成线

在这里插入图片描述

出现问题,选择双Y轴
  • 由于没有设置左右Y轴,两个Y轴数据共用一个刻度尺范围。两分数据范围相差太大,导致显示效果很糟糕,不能显示两者的变化趋势,故需要设置双Y轴。

在这里插入图片描述

2 设置左右Y轴数据
1. 在图的右侧建立新的Y轴,图 — 新图层(轴)— “右-Y轴”

在这里插入图片描述

2. 设置左右两侧Y轴的数据,图 — 图层内容

在这里插入图片描述

3. 设置左右Y轴数据

如下图,
左侧方框B(Y),C(Y)两行表示两个Y数据;
右侧方框是要显示的Y数据;
选择图层(1),将B(Y)导入右侧方框,表示图的左侧显示B(Y);
在这里插入图片描述

如下图,
切换图层(2)
将C(Y)导入右侧方框,表示图另一侧显示C(Y);
在这里插入图片描述
切换图层(2)
在这里插入图片描述

三、结果图

图例,刻度尺,点、线形状大小都不行,糟糕极了需要美化。
在这里插入图片描述

四、美化图

1. 修改点的颜色和大小,修改线的颜色和粗细

双击点或者线,便可修改

2. 修改比例尺

右击图形空白处,属性 — 绘图细节 — 图例
在这里插入图片描述
######3. 修改坐标轴(X轴日期范围,与样式)
在这里插入图片描述
######4. 两个Y轴可以使用不同的样式显示
比如左侧是折线,右侧是树状图
单击图的左上角‘1’‘2’进行切换,然后选择底栏样式
如下图,(这图不是我的,我的改成这样子不好看)
在这里插入图片描述

### Vue 数组去重的方法 在 Vue 应用程序中处理数组时,通常会遇到需要去除重复项的情况。为了确保数据的响应性和效率,推荐采用以下几种方法来实现数组去重。 #### 使用 JavaScript 原生方法 JavaScript 提供了一些内置函数可以帮助轻松完成这一任务: - **Set 结构** 利用 ES6 的 Set 数据结构自动过滤掉相同的值,再将其转回 Array 类型。 ```javascript let uniqueArray = [...new Set(originalArray)]; ``` 这种方法简单高效,并且不会影响到原始数组的状态[^1]。 #### 自定义计算属性或方法 如果希望保持视图层与逻辑分离并提高可读性,则可以在 Vue 组件内部定义一个 computed 属性或者 methods 来执行此操作: ##### 计算属性方式 当只需要展示不重复的结果而不需要频繁修改原列表时,可以考虑使用计算属性来进行一次性处理。 ```javascript computed: { filteredItems() { return [...new Set(this.items)]; } } ``` 这种方式不仅能够保证界面更新及时反映最新状态变化,而且还能减少不必要的渲染开销[^2]。 ##### 方法调用形式 对于更复杂的场景比如按特定条件筛选或是异步获取的数据集,可以通过编写独立的方法来达到目的。 ```javascript methods: { getUniqueElements(array) { let seen = {}; return array.filter(item => !seen.hasOwnProperty(item) && (seen[item] = true)); } } ``` 该方案灵活性更高,适用于多种业务需求下的数组处理流程[^3]。 #### Vuex 状态管理中的应用 考虑到大型单页应用程序可能会涉及到多个地方共享同一份经过加工后的集合体,在这种情况下引入 Vuex 可以为全局提供统一入口点以及更好的维护性。 通过 mutations 或 actions 修改 store 中保存的目标字段之前先做一次净化工作,从而使得整个项目范围内都能享受到干净无冗余的信息资源[^4]。 ```javascript mutations: { SET_UNIQUE_ITEMS(state, items){ state.uniqueItems = [...new Set(items)] } }, actions:{ fetchAndProcessData({commit}){ axios.get('/api/data') .then(response=>{ commit('SET_UNIQUE_ITEMS', response.data); }) } } ``` 以上就是在 Vue 开发过程中针对不同层次的需求所采取的不同策略来进行数组元素唯一性的保障措施。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值