zoukankan      html  css  js  c++  java
  • highcharts图表的上钻下钻,下钻数据,与回取数据

    通常图表在下钻之后,会点返回,返回之后,可能需要调用上钻回调事件,在drillup事件里获取上钻数据,然后对需要联动进行操作:

    chart: {
              type: 'column',
              events: {
              drillup: function (e) { 
              var id = e.seriesOptions.id;
              xxxx= id;
              search();
    } 
    }
    },

    接下来是介绍常见操作,highcharts的下钻,在events里进行操作:

    plotOptions: {
        events: {
                    click: function (e) {
                                 xxxxx = e.point.id;
                                 search();
                                }
                     }
                  }
    },

    上下钻中,返回按钮文字描述,全局lang:

    lang: {
         drillUpText: '返回上一级'
    }

    上下钻中,返回按钮默认位置可能会档住图标,设置drilldown的参数,移动位置方法:

    plotOptions: {
      drilldown: {
        drillUpButton: {
        position: {
        y: -38,
        x: -40
      }
    },

    上下钻中,调整theme的参数,设置返回按钮文字的高度:

    plotOptions: {
      theme: {
        height: 12,
      }
    
    }
  • 相关阅读:
    ubuntu 16.04 安装显卡驱动,再安装cuda
    8. golang 基本类型转换
    7.golang的字符串 string
    5. 变量定义
    4. 代码规范
    3.golang 的注释
    1.windows server 201x
    exec 命令
    powershell
    1.Dockerfile
  • 原文地址:https://www.cnblogs.com/Xanthus/p/9486838.html
Copyright © 2011-2022 走看看