精华内容
下载资源
问答
  • 之前用matlab画图的时候,想画一个双x轴单Y轴图像,自己写了好久都没有实现,最后在matlab的官网上找到了这个函数,可以实现双X轴双Y轴的绘图,然后就可以利用ax.Yaxixs.Visible='off',就可以隐藏一个Y轴实现双X轴,...
  • 在平时工作中的数据处理时,经常需要绘制双X轴的数据图,本文主要介绍使用 OriginPro 9.0 绘制双X轴曲线的方法。1、导入数据,本文采用的数据如下。2、首先选中数据列A(X1)和C(Y),然后进入Plot菜单下Line+Symbol,...

    7f9e196a1114e29e283704fa501ed02c.png

    在平时工作中的数据处理时,经常需要绘制双X轴的数据图,本文主要介绍使用 OriginPro 9.0 绘制双X轴曲线的方法。

    8800f41691353fecd1196c3fea131fd6.png

    1、导入数据,本文采用的数据如下。

    7cd4775cf3dc5255c2982242fae727e7.png

    2、首先选中数据列A(X1)和C(Y),然后进入Plot菜单下Line+Symbol,点击Line+Symbol。

    739a3c0fe3f9a9310d93ceadb5f44b32.png

    3、得到以下图形。

    eb89a818c14b0eb635e25418fde5a81d.png

    4、然后进入Graph菜单下的New Layer,选择Top-X Right-Y。该图层用于绘制B(X2)和C(Y)的曲线。

    32d36be1bf7d268a158a7a289196c773.png

    添加完图层后,多出来了一套坐标系。界面如下:

    8042c1c4e674f553ba092f415f1e7343.png

    6、鼠标右键点击新建的图层“2”,在弹出的菜单中点击Layer Contents。

    02303d2164d1a9423c02f0d4ab52bfbb.png

    fac8852696e179b8847d40e4a399073d.png

    7、在Layer Contents中,将“左侧”的 Book1 数据添加至“右侧”。

    86534fc1e7f6ae831abcb100b8598b50.png

    8、然后,在步骤6的菜单中选择Plot Setup。设置图层2数据配置为“X为列B,Y为列C”。Plot Type 为 Line+Symbol。

    a199ef5afcf3be4f34e5897cfe110547.png

    点击OK确认,得到双X轴图。

    4079f10085ef46cbf991965ee1dc8fd1.png

    9、上面的图坐标轴看着不是很合适,我们重新设置一下。

    双击上方(Top)的X轴弹出Axis Dialog对话框。结合实际数据,在 X Axis和 Y Axis的Scale中分别设置刻度范围。

    07d71630bb9cd403a948c3fbce40f961.png

    将左侧Y轴的刻度设置成与左侧Y轴的刻度范围一致。为了区分Symbole也重新设置一下。线条颜色样式都可以修改。

    8800f41691353fecd1196c3fea131fd6.png

    推荐阅读

    这个论文图片的处理思路太重要了,你一定要学会

    如何用origin绘制积分和微分曲线?

    如何使用origin绘制概率直方图?

    怎么使用 Origin 把多张图合成一张图?

    如何使用 origin 绘制双Y轴图形?

    2619fb775007abcca5bcbc07acfc3104.png

    展开全文
  • Highcharts 实现双X轴

    千次阅读 2016-07-20 13:25:43
    Highcharts 实现双X轴
    var chart;
    $(function () {
                $(document).ready(function () {
                    chart = new Highcharts.Chart({
                        chart: {
                            renderTo: 'container'
                        },
                        title: {
                            text: '正标题'
                        },
                        subtitle: {
                            text: 'Source: www.stepday.com'
                        },
                        //这里配置了多个X轴
                        xAxis: [{
                            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                            title: {
                                text: '月份',
                                style: {
                                    color: '#89A54E'
                                }
                            }
                        }, {
                            categories: ['X', 'Y', 'Z', 'W', 'V', 'I',
                        'J', 'K', 'L', 'M', 'N', 'O'],
                            title: {
                                text: '字母',
                                style: {
                                    color: '#89A54E'
                                }
                            },
                            opposite: true //对立面 表示显示在上方   不写默认显示在底部 
                        }],
                        yAxis: [{
                            labels: {
                                formatter: function () {
                                    return this.value + '°C';
                                },
                                style: {
                                    color: '#89A54E'
                                }
                            },
                            title: {
                                text: 'Temperature',
                                style: {
                                    color: '#89A54E'
                                }
                            }
                        }],
                        tooltip: {
                            formatter: function () {
                                return '' +
                            this.x + ': ' + this.y +
                            (this.series.name == 'Rainfall' ? ' mm' : '°C');
                            }
                        },
                        credits: {
                           text:"www.stepday.com",
                           href:'http://www.stepday.com/myblog/?highcharts'
                        },                  
                        series: [{
                            name: 'Rainfall',
                            color: '#4572A7',
                            type: 'column',
                            xAxis: 1,//第二个X轴
                            data: [-30, -40, 0, -129.2, -144.0, -176.0, -35.6, -48.5, -16.4, -94.1, -5.6, -4.4]
    
                        }, {
                            name: 'Temperature',
                            color: '#89A54E',
                            type: 'column',
                            data: [0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                        }]
                    });
                });
    });

    展开全文
  • echarts双X轴刻度居中

    2020-11-11 17:19:09
    echarts双X轴刻度居中 小伙伴们如果遇到echarts双X轴居中问题,可以参考本文,亲测有效哦 页面要实现的效果如下图所示: 代码如下图所示: let smxData = [ “38”, “39”, “39”, “39”, “39”, “39”,...

    echarts双X轴刻度居中

    小伙伴们如果遇到echarts双X轴居中问题,可以参考本文,亲测有效哦

    • 页面要实现的效果如下图所示:
      在这里插入图片描述

    • 代码如下图所示

    • let smxData =
      [
      “38”, “39”, “39”, “39”, “39”, “39”, “39”,“39”, “40”,“40”, “40”,“40”, “40”, “40”, “40”, “41”, “41”, “41”,“41”, “41”,“41”,“41”,“42”];
      let indexData =
      [true, true,false, false,false, false,false, false,true, false,false, false,false, false, false, true,false,false,false,false,false,false,true];
      let indexData2 = [true,false, false,false, true, false,false,false, false,false, false, true,false,false, false,false,
      false,false, true,false, false, false,true];
      var option = {
      title: {
      text: “XXXXX行情走势图”,
      x: “center”,
      align: “right”,
      },
      grid: {
      bottom: 160,
      },
      tooltip: {
      trigger: “axis”,
      axisPointer: {
      animation: false,
      },
      },
      dataZoom: [
      {
      show: false,
      realtime: false,
      },
      ],
      xAxis: [
      {
      type: “category”,
      position: “bottom”,
      //boundaryGap: false,
      axisLine: { show: true },
      data: [
      “1”,
      “2”,
      “3”,
      “4”,
      “5”,
      “6”,
      “7”,
      “8”,
      “2”,
      “3”,
      “4”,
      “5”,
      “6”,
      “7”,
      “8”,
      “2”,
      “3”,
      “4”,
      “5”,
      “6”,
      “7”,
      “8”,
      “9”,
      ],
      },
      {
      type: “category”,
      //boundaryGap: false,
      position: “bottom”,
      data: smxData,
      axisLabel: {
      margin: 70, /设置坐标轴文字与轴线距离/
      align: “center”,
      show: true,
      interval: function (index, value) {
      if (indexData2[index]) {
      return value;
      }
      },
      },
      axisLine: {
      lineStyle: {
      width: 1,
      },
      },
      axisTick: {
      // inside: true,
      interval: function (index, value) {
      if (indexData[index]) {
      return value;
      }
      },
      length: 60,
      },
      },
      ],
      yAxis: [
      {
      type: “value”,
      min: 100,
      axisLine: { show: false },
      axisTick: { show: false },
      axisLabel: {
      formatter: function (value, index) {
      return value > 1000 ? value / 1000 + “k” : value;
      },
      },
      splitLine: {
      show: true,
      },
      },
      ],
      series: [
      {
      name: “模拟数据”,
      type: “line”,
      smooth: true,
      symbol: “none”,
      sampling: “average”,
      itemStyle: {
      normal: {
      color: “green”,
      },
      },
      markLine: {
      silent: true,
      animation: false,
      symbol: “”,
      label: {
      normal: { show: false },
      },
      lineStyle: {
      normal: {
      color: “#666”,
      type: “dotted”,
      },
      },
      data: [
      {
      yAxis: 920,
      },
      ],
      },
      data: [
      600,
      870,
      1120,
      700,
      345,
      666,
      777,
      888,
      870,
      1120,
      700,
      345,
      666,
      777,
      888,
      870,
      1120,
      700,
      345,
      666,
      777,
      888,
      222,
      ],
      },
      ],
      };


    学习目标:

    echarts图表

    1、 封装echarts各类图表
    2、 掌握echarts各图表配置信息


    学习时间:

    提示:这里可以添加计划学习的时间
    周一至周五晚上 9:00-9:30


    学习产出:

    1、 技术笔记 1 遍 2、CSDN 技术博客 1 篇
    展开全文
  • 今天,给大家分享一下一种双X轴图的制作方法,如图所示为最终效果。这是一种典型的双X轴图,它的两个轴都是有含义的,比方说频率和波长,它们是倒数关系。这里面还涉及到不等间距的X轴的制作。下面介绍制作过程。1、...

    f1675360ef16b8876a0123c9c14075c9.png

    今天,给大家分享一下一种双X轴图的制作方法,如图所示为最终效果。

    59adcfe1acb686efb20598600ecb543b.png

    这是一种典型的双X轴图,它的两个轴都是有含义的,比方说频率和波长,它们是倒数关系。这里面还涉及到不等间距的X轴的制作。下面介绍制作过程。

    1、数据准备

    需要频率(X)和吸收(Y)两列数据就够了,这里只展示了一小部分数据。

    efcd9f55dc8553b7eeb9932f66c2a1a2.png

    2、画折线图

    直接点击工具栏中的折线图按钮画出折线图,得到如图所示效果:

    b6bf699a9ac6fde5ca1818fc4b483115.png

    3、新建图层

    新建一个图层用于展示波长轴。右键选择新图层-上X右Y(关联尺寸)。

    7e69e848ea65ed77566dc59e97ccc096.png

    4、制作不等间距的X2坐标轴

    双击上X轴进入坐标轴编辑界面,并定位到刻度一栏,默认编辑的为水平宽度。

    e1e2b3deeaa18a07b2eee58bb1d44e66.png

    选择类型为自定义公式。

    由于波长和频率为倒数关系,即

    ,所以公式写为
    即可,其反函数也是
    ,事实上,直接写
    也是一样的。

    就算起始和结束的刻度,X1的起始和结束刻度分别为

    ,对应了
    ,输入到起始刻度和结束刻度上去,并把增量改成

    8287c23cc50cc5158f788e3f97b4aeff.png

    确定后,效果如图所示。

    c7e5790d6abbb58084ae5dcb16fe630b.png

    5、美化图形

    稍微美化一下即可得到图1所示的效果。

    59adcfe1acb686efb20598600ecb543b.png

    整个图形就制作完成了。


    注:本文首发于微信公众号学统计de工具人,此公众号主要涵盖统计学习,生物统计,应用统计相关内容,也包涵科研绘图相关内容,有兴趣的可以关注一下,公众号还会分享更多有关ORIGIN作图的干货。

    d6455a5e42a751733f524772f205d32e.png
    展开全文
  • Echarts 实现双X轴标签不等分对应

    千次阅读 2020-03-23 17:56:21
    Echarts 默认双X轴实现的效果是等分在X轴的,没有对应关系,这里’伪’实现了不等分的情况。 实现思路: 两个网格 grid; 底部网格也是柱状图,计算要包含的柱条所占总数的百分比,设置 barWidth再加些样式,即可...
  • 近段时间用Originpro画图,感觉还是比较容易上手的,但是画出来的图一般是单边坐标,和一些论文里面的图还是有区别的,如下图: 而论文中的一般是这种: 那么这种应该怎么去通过第一张图去实现呢?其实很...
  • 下面以江苏历年城镇化率数据为例,绘制Y的图。该数据为面板数据,时间跨度为1990-2015,涵盖多项经济指标。我们需要绘制的是后三列指标随时间变动而变动的折线图。不难看出,G列与H列数据相近,使用同一条Y;...
  • import matplotlib.pyplot as plt ...# 随机生成测试数据 y1=x y2=x^2 x = np.arange(1,10,1) y1 = x y2 = pow(x,2) # 生成画布 fig = plt.figure() #添加一个子图 ax1 = fig.add_subplot(111) ...
  • <div><p>如题</p><p>该提问来源于开源项目:AAChartModel/AAChartKit</p></div>
  • 先上效果图,如果所示,上面x轴的刻度从20-30,下面x轴的刻度从0-6,这样就达到了上下两条x轴显示不同刻度的目的。 下面我们说一下怎么做到的,其实比较简单,通过添加一层图层,就可以做到了,也就是说上方的x...
  • 我们的图表一旦引入了两种不同单位或者数量级相差很大的数据以后,这时候需要两种坐标对其进行...下面以设置Y为例, y坐标的参数设置成: yAxis: [{ title: { text: '坐标一', }, labels: { ...
  • 双X轴的渐变象形柱图

    2019-08-20 15:19:30
    1、想要实现有两个x轴,如果设置了X轴属性,但第二个死活不出来,需要在xAxis中设置: axisLine: { onZero: false, //设置此属性!!! show:true, lineStyle: { color: '#ccc' } }, 2、象形柱图...
  • <div><p>该提问来源于开源项目:ant-design/ant-design-charts</p></div>
  • highcharts 双x轴

    2014-06-05 23:13:50
    正常绘图后 如 Y轴 刻度是 10 20 30 ..80 90 100 ...正常X轴 在 0刻度 我需要 在 刻度是90的地方 再来一个 x 轴 表示是优秀线 在 这个线上的为优秀 ... 可不可以这样 属性是哪个? 求大神啊
  • <div><p>该提问来源于开源项目:AAChartModel/AAChartKit-Swift</p></div>
  • ![图片说明](https://img-ask.csdn.net/upload/202005/23/1590235361_816667.png) da'jia有什么思路吗?
  • boundaryGap 默认为 true,因此类目两边会有留白(为了美观),此时的刻度也不再与标签对齐,需要设置 xAxis.axisTick.alignWithLabel 为 true xAxis.axisLine.onZero 默认为 true,因此 x 总是与 y 的 0 ...
  • ![图片说明](https://img-ask.csdn.net/upload/201904/28/1556447814_936326.jpg) 大神请问上图怎么做的?求代码!
  • echarts使用心得, 双X轴, 警戒线

    千次阅读 2019-08-20 15:25:51
    //类目轴X轴数据 var scoreList= [88,90,77,80,82,60,70];//为类目轴所对应y轴数值 var optionList= []; //第二轴数据与上类似 var option = { xAxis: [{ type: 'category', data: lnList, ...
  • 确实有可能在任何尺寸的图中创建双轴。...坚持到matplotlib状态机接口,一个解决办法是这样的:import matplotlib.pyplot as pltimport numpy as np#get datax=np.arange(40)y=np.random.rand(len(x))*20000+3000...
  • export default {// 父组件传递过来的数据 (两种方式声明:1.数组 2.对象)props: {titleText: {type:String,default: () => {return ''}}, // 图表名称isPercentage: {type:Boolean}, // 是否是%// 原来的数组...
  • 首先,我们需要将sin(x)与x轴在0-2π组成的面积划分为很多个矩形,因此需要引入一个变量n,那么矩形在x轴上的宽度(width)即为2π/n。其次,我们需要通过sin(X)函数求出每个矩形的高度(height),假设为第i个矩形,则...
  • 比如下图是R生成的: [img=... 但是我的vs2010 c#调用R总是报错,实在没法用。 不知道有什么别的插件或方法可以用C#批量生成双x轴的图? 请各位高手详细指点,非常感谢!
  • Matlab绘制双x双y轴/单x双y轴/双x单y轴图,看别的教程是用line语句,但其实用plot和scatter都是可以(自己已经实践)。绘制轴数量、轴位置(XAxisLocation和YAxisLocation)、轴...Matlab绘制双x轴-双y轴图形攻略&g...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 937
精华内容 374
关键字:

双x轴