zoukankan      html  css  js  c++  java
  • highcharts图表的图例legend

    一、将图例Legend放于图表右侧
    1、设置chart的marginRight属性值:
    chart: {
      marginRight: 120
    }
    2、设置legend图例属性值如下

    legend: {
      align: ""right"", //程度标的目标地位
      verticalAlign: ""top"", //垂直标的目标地位
      x: 0, //间隔x轴的间隔
      y: 100 //间隔Y轴的间隔
    }

    3、结果图:

    二、将图例放于图表左上角
    1、设置legend的属性
    legend: {
      align: ""left"", //程度标的目标地位
      verticalAlign: ""top"", //垂直标的目标地位
      x: 0, //间隔x轴的间隔
      y: 0 //间隔Y轴的间隔
    }

    2、结果图:

    三、将图例放于图表上方中心
    1、设置legend属性如下
    legend: {
      align: ""center"", //程度标的目标地位
      verticalAlign: ""top"", //垂直标的目标地位
      x: 0, //间隔x轴的间隔
      y: 20 //间隔Y轴的间隔
    }
    2、结果图如下:

    四、将图例放于下方中心
    1、设置legend属性如下
    legend: {
      align: ""center"", //程度标的目标地位
      verticalAlign: ""bottom"", //垂直标的目标地位
      x: 0, //间隔x轴的间隔
      y: 0 //间隔Y轴的间隔
    },
    2、结果图如下:

  • 相关阅读:
    hdu-3376-Matrix Again(最小费用最大流)
    CF-164C. Machine Programming(最小费用最大流)
    splay模板
    POJ-3580-SuperMemo(splay的各种操作)
    pygame安装
    hg 证书验证失败
    hdu-3487-Play with Chain-(splay 区间翻转,切割,插入)
    jvm 重载 重写
    多线程踩坑
    hashmap时间复杂度
  • 原文地址:https://www.cnblogs.com/linn/p/3920068.html
Copyright © 2011-2022 走看看