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、结果图如下:

  • 相关阅读:
    conda安装使用
    数据库删除后台代码
    表格显示数据库(html和php混编)
    唯一用户名jquery和PHP代码
    //阿贾克斯提交数据库
    //向数据库添加数据(form表单提交)
    //conn数据库配置
    Css 变量
    input标签让光标不出现
    Es6Class
  • 原文地址:https://www.cnblogs.com/linn/p/3920068.html
Copyright © 2011-2022 走看看