highcharts两个(Y)轴的混合图

利用highcharts图表画多个坐标轴,首先配置两个Y轴的参数,再配置对应的数据集

操作方法

  • 01

    yAxis: [{ //第一个Y轴,序号为0 labels: { format: '{value}°C', style: { color: '#89A54E' } }, title: { text: 'Temperature', style: { color: '#89A54E' } } }, { //第二个Y轴,序号为1 title: { text: 'Rainfall', style: { color: '#4572A7' } }, labels: { format: '{value} mm', style: { color: '#4572A7' } }, opposite: true }],

  • 02

    series: [{ //第二个Y轴的数据 name: 'Rainfall', color: '#4572A7', type: 'column', yAxis: 1,//坐标轴序号 data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], tooltip: { valueSuffix: ' mm' } }, { //第一个Y轴的数据 name: 'Temperature', color: '#89A54E', type: 'spline', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], tooltip: { valueSuffix: '°C' } }]

(0)

相关推荐

  • Excel两个Y轴一个X轴的折线图怎么做?

    Excel两个Y轴一个X轴的折线图怎么做? 有表如下图,做出以年份为X轴,收入支出为左边和右边的Y轴,1.做出关于年份和收入的折线图,步骤如下图,结果如下图: 2.然后,右击收入的Y轴坐标,点击“选择 ...

  • 如何利用origin画双Y轴双坐标的图?

    origin作图功能非常强大,其中双Y轴作图应用范围非常广,赶快来学习吧. 操作方法 01 打开origin,输入要作图的数据,一列是X坐标数据,两列Y坐标数据,如图所示. 02 首先,选中A(X)和 ...

  • origin中如何建立画双Y轴的图谱

    我们在利用origin做图时,进行两个图谱进行综合分析时,如果两组数据采用相同的Y轴,那么会出现两个图谱显示得很不好看,可能一个图谱正常,另一个图谱很扁,不能达到想要的结果,这时候就需要采用两个Y轴, ...

  • origin双Y轴图曲线所在图层的调整方法

    关于Origin双Y轴图的画法,请参见本人前期写的<最简单的Origin画双Y轴图的方法 >,今天小编带领大家来学一学双Y轴图曲线所在图层的调整方法. 操作方法 01 打开已经画好的Ori ...

  • Excel表图怎么让曲线从Y轴开始?

    在制作EXCEL表图形中,有时如果将曲线设置成从Y轴开始,将大大提高美观度 1.输入需要汇总曲线图的数据. 2.选中数据做折线图. 3.得到折线图. 4.对X轴进行设置格式,在[坐标轴选项]中设置“位 ...

  • 怎样用origin 9.0软件绘制双Y轴图

    图表已经成为了工作中一种有效的分析数据的方式,但是怎么绘制双Y轴图呢,这个问题一直困扰着许多人,下面,小编来为大家告诉个好方法,帮助大家成功的绘制双Y轴图. 操作方法 01 首先,打开origin 9 ...

  • 最简单的Origin画双Y轴图的方法

    利用Origin可以方便的绘制曲线图形,这里,小编带领大家学习一下最简单的双Y轴图画法. 操作方法 01 打开Origin,在work sheet上右键--"Add New Column&q ...

  • 怎么用WPS表格绘制双Y轴折线图

    如题,就是WPS表格绘制双Y轴折线图的全过程. 操作方法 01 把数据导入WPS表格中,选择折线部分的数据,在菜单栏中选择"插入",选"图表",跳出图表类型框. ...

  • origin双y轴图怎么做

    在平时数据处理过程中,常常需要做双Y轴的曲线图.Origin作为一款功能强大的绘图软件,可以轻松地作出漂亮的双y轴曲线图.那么具体的操作是怎样的呢?下面就和大家详细地分享一下利用Origin软件绘制双 ...