zoukankan      html  css  js  c++  java
  • highcharts多个Y轴

    http://blog.sina.com.cn/s/blog_6a53599101019qax.html

    多个Y轴的实现方法在于把yAxis设置成一个数组,里面的一个对象代表一条Y轴,利用opposite:true来表示是否跟默认位置相反,默认Y轴的位置在图形左边,series中通过对每个series设置yAxis来表示使用哪个Y轴,0表示第一个,以此类推。
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <div id="container" style="height: 400px"></div>
    画图:
    $(function () {
        $('#container').highcharts({
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis:[{
                lineWidth : 1,
                title:{
                    text :'y1'
                }
            },{
             title:{
                    text :'y2'
                },
                lineWidth : 1,
                opposite:true
            },{
             title:{
                    text :'y3'
                },
                      lineWidth : 1,
                opposite:true
            }],
            series: [{
                data: [1,2,3,4,5,6,7,8,9],
                name: 'Right',
                yAxis:0
            }, {
                data: [4,1,5,8,7,10,13,11,11],
                yAxis:1,
                name: 'Center'
            }, {
                data: [9,10,11,12,13,14,15,16,17],
                step: 'left',
                yAxis:2,
                name: 'Left'
            }]
     
        });
    });
    图形:highcharts多个Y轴
  • 相关阅读:
    python中对一个列表进行乱序
    GPU比CPU慢?可能模型太简单
    VLAN之间单臂路由通信
    数据结构_顺序栈的代码实践
    MarkDown语法学习
    【转载】给想要入门渗透的人的忠告——schiz0wcingU
    SQL注入原理及绕过安全狗
    Python学习---字符串处理
    【转载】RAID写惩罚(Write Penalty)与IOPS计算
    Kali安装使用文泉驿字体
  • 原文地址:https://www.cnblogs.com/vincedotnet/p/3537417.html
Copyright © 2011-2022 走看看