`
zengshaotao
  • 浏览: 786954 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

双Y轴

 
阅读更多

$(document).ready(function() {

        chart = new Highcharts.Chart({

            chart: {

                renderTo: 'container'

            },

            xAxis: [{

                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',

                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

            }],

            yAxis: [{ // 第一个Y轴

                labels: {//刻度

                    formatter: function() {

                        return this.value +'°C';

                    },

                    style: {

                        color: '#89A54E'

                    }

                },

                title: {//y轴名称

                    text: 'Temperature',

                    style: {

                        color: '#89A54E'

                    }

                }

            }, { // 第二个Y轴

                title: {

                    text: 'Rainfall',

                    style: {

                        color: '#4572A7'

                    }

                },

                labels: {

                    formatter: function() {

                        return this.value +' mm';

                    },

                    style: {

                        color: '#4572A7'

                    }

                },

                opposite: true //表示是否跟第一个在反方向位置

            }],

        

            series: [{

                type: 'column',

                yAxis:1,//用来指定数据对应的y轴,不写表示默认选择第一个y轴

                data: [49.9, 71.5, 176.4, 129.2, 144.0, 196.0, 115.6, 118.5, 216.4, 114.1, 195.6, 54.4]

            }, {

                type: 'line',//这里也可以是column

                data: [5.0, 9.9,5.5, 7.5, 11.2, 21.5, 25.2, 26.5, 12.3, 18.3, 19.9, 9.6]

            }]

        });

    });

分享到:
评论

相关推荐

    利用C#实现双Y轴的WinForm程序

    在这种情况下,使用双Y轴可以提供更清晰的视觉表示。本篇将详细介绍如何利用C#语言和MSChart控件在WinForm环境中实现双Y轴的程序。 首先,MSChart是.NET Framework中用于创建图表的强大工具,它提供了丰富的功能来...

    ChartControl双Y轴显示

    在这个特定的实例中,我们关注的是"ChartControl双Y轴显示",这是一个高级特性,它使得在一个图表上同时展示两个不同尺度的数据成为可能。这通常用于比较不同范围或单位的数值,比如一个可能是百分比,另一个是具体...

    JfreeChart画双Y轴折线图

    在本篇博客中,"JfreeChart画双Y轴折线图"的主题,将探讨如何使用JFreeChart库来创建具有两个独立Y轴的折线图,这对于显示不同尺度或单位的数据对比非常有用。 首先,我们需要了解JFreeChart的基本结构。JFreeChart...

    JFreeChart双Y轴折线图实例,可以直接运行

    JFreeChart双Y轴折线图实例,可以直接运行,实例类为LineChartDemo1.JAVA,有注释。 若想在web工程使用只需如下。 String filename = ServletUtilities.saveChartAsPNG(jfreechart, 600, 400, null, session); ...

    双Y轴折线图(原创)

    在IT领域,尤其是在数据分析和可视化中,双Y轴折线图是一种常见的图表类型,它能够同时展示两个相关但不同尺度的数据系列。在这种图形中,一个Y轴代表一个数据集,另一个Y轴则代表另一个数据集,两个Y轴共享相同的X...

    基于achartengine双Y轴动态图表Android源码

    这个项目,"基于achartengine双Y轴动态图表Android源码",专门关注如何在同一个图表上使用两个不同的Y轴来显示数据,这对于对比不同尺度的数据或者展示相关但单位不同的数据非常有用。 `achartengine`库提供了丰富...

    双y轴统计图和条件查询

    在数据分析和可视化领域,双y轴统计图是一种特殊类型的图表,它允许我们在同一个图表上比较两个具有不同量级或单位的数据系列。这种图表通常用于显示一个数据系列与另一个相关但不同尺度的数据系列之间的关系。例如...

    交流origin中画双Y轴的曲线图(柱形图)的方法

    ### 交流Origin中绘制双Y轴曲线图(柱形图)的方法 #### 一、引言 在学术研究中,为了更直观地展示不同数据集之间的对比与关联,经常需要绘制双Y轴的曲线图或柱形图。Origin是一款功能强大的科学绘图与数据分析软件...

    折线、双Y轴、不交叉、highcharts、按照日期分割线

    在这个特定的场景中,我们关注的是如何使用Highcharts来绘制一个具有双Y轴的折线图,并且这两条折线不会交叉,同时根据日期设置分割线,而且要确保在旧版本的IE浏览器(如IE8)中也能正常工作。 首先,我们需要了解...

    Getdata和Origin结合画的双y轴曲线图

    ### 使用Getdata与Origin软件绘制双Y轴曲线图详解 #### 一、引言 在数据分析与可视化领域,经常需要将不同单位或量级的数据绘制在同一张图表上以便于直观对比,这时双Y轴曲线图便派上了用场。本文将详细介绍如何...

    数据分析和图标-双Y轴可视化分析产品销量增长速度及趋势-Python源码示例.zip

    3. **双Y轴设置**:在Matplotlib中,可以通过创建两个轴实例(`ax1`和`ax2`)并指定共享x轴来实现双Y轴。`twinx()`函数用于创建第二个Y轴,它与第一个轴共享相同的x轴。 4. **数据绘图**:使用`ax.plot()`函数分别在...

    python绘制双Y轴折线图以及单Y轴双变量柱状图的实例

    近来实验室的师姐要发论文,由于论文交稿时间临近,有一些杂活儿需要处理,作为实验室资历最浅的一批,我这个实习生也就责无旁贷地帮忙当个下手。今天师姐派了一个小活,具体要求是: 给一些训练模型的迭代次数,...

    基于MATALB双Y轴坐标系画图,基于MATLAB的双坐标轴画图,可以实现一个图两个Y轴,把不同的量纲数据展现一个图上

    基于MATLAB的双Y轴坐标系画图,很多时候不同的因素数量级差别很大,又想放到同一个图上进行画图展示曲线走势的相关性,这个时候就需要用到双轴坐标系,一个用于数量级较大的,一个用于数量级小的,本代码可以实现双...

    echarts设置两个x轴不等分,双y轴统计例子

    公司业务需要需要做一个双X双Y的图形报表,之前研究过很多例子结合把双X轴不等分显示; 1、有曲线图、有柱状图 2、X轴分组合并显示 3、可自行修改显示数值和比例在一个图上

    Python 双Y轴可视化公析产口销量增长速度及趋势 Python源码

    Python 双Y轴可视化公析产口销量增长速度及趋势 Python源码Python 双Y轴可视化公析产口销量增长速度及趋势 Python源码Python 双Y轴可视化公析产口销量增长速度及趋势 Python源码Python 双Y轴可视化公析产口销量增长...

    excel2007双Y轴组合图形 折线加柱子

    在Excel 2007中,创建双Y轴组合图形是一项强大的数据分析和可视化技术,它允许用户在同一图表中展示两个不同尺度或单位的数据。这种类型的图表通常用于比较不同但相关联的数据系列,例如一个系列可能呈现出较大的...

    MATLAB科研绘图第十七期双Y轴图

    在MATLAB科研绘图中,双Y轴图是一种常见的数据可视化方法,尤其在对比不同尺度或单位的数据时非常有用。这种图表类型允许我们在同一张图上显示两个独立的Y轴,每个轴对应一个不同的变量,使得分析和比较变得更加直观...

    JFreechart 双坐标Y轴 折点显示数据

    首先,双Y轴坐标系常用于对比不同尺度的数据,例如一个数据系列的值范围可能远大于另一个,使用双Y轴可以保持每个轴的刻度清晰易读。在JFreeChart中,创建双Y轴图表需要对`CategoryPlot`或`XYPlot`进行特殊配置。...

    MATLAB科研绘图第十四期表示散点分布的双柱状双Y轴统计图

    在MATLAB科研绘图中,双柱状双Y轴统计图是一种非常有用的工具,它能够同时展示两个不同尺度的数据集,特别适用于比较不同变量之间的关系或者趋势。这种图表类型尤其适用于那些一个变量需要以比例较大的Y轴显示,而另...

    双Y轴可视化分析产品销量增长速度及趋势

    在数据分析和商业智能领域,双Y轴可视化分析是一种强大的工具,尤其在呈现复杂的数据关系时。标题中的"双Y轴可视化分析产品销量增长速度及趋势"着重强调了如何利用这种技术来洞察产品的销售表现和市场动态。双Y轴...

Global site tag (gtag.js) - Google Analytics