关于highcharts

作者: Moment929 | 来源:发表于2016-07-21 14:39 被阅读0次

    http://www.hcharts.cn/docs/index.php?doc=basic-axis
    A: 针对highcharts图表组件内的图例legend展开讲述,图例的显示位置调整:
    一、将图例Legend放于图表右侧
    1、设置chart的marginRight属性值
    chart: {
    marginRight: 120;
    },

    2、设置legend图例属性值如下
    legend: {
    align: 'right', //水平方向位置
    verticalAlign: 'top', //垂直方向位置
    x: 0, //距离x轴的距离
    y: 100 //距离Y轴的距离
    },

    二、将图例放于图表左上角
    1、设置legend的属性

       legend: {
            align: 'left', //水平方向位置
            verticalAlign: 'top', //垂直方向位置
            x: 0, //距离x轴的距离
            y: 0 //距离Y轴的距离
        },
    

    三、将图例放于图表上方中央
    1、设置legend属性如下

    legend: {
    align: 'center', //水平方向位置
    verticalAlign: 'top', //垂直方向位置
    x: 0, //距离x轴的距离
    y: 20 //距离Y轴的距离
    },
    四、将图例放于下方中央
    1、设置legend属性如下

    legend: {
    align: 'center', //水平方向位置
    verticalAlign: 'bottom', //垂直方向位置
    x: 0, //距离x轴的距离
    y: 0 //距离Y轴的距离
    },
    B:
    关于折线图线上的实心点去掉:
    plotOptions: {
    spline: {
    marker: {
    enabled: false
    }
    }
    },
    C:
    不显示highcharts的logo:
    credits: {
    enabled: false //不显示LOGO
    },
    D:
    x轴: 刻度值的位置:tickmarkPlacement:
    仅适用于类别轴。如果设置为on
    刻度线位于在类别名称的中心,如果设置为between
    刻度线位于类别名称之间。如果刻度线间隔数为1,其默认值是between
    ,否则默认只是on
    默认是: "null"
    E:
    xAxis相关参数: http://www.cnblogs.com/xiami303/p/3445218.html

    相关文章

      网友评论

        本文标题:关于highcharts

        本文链接:https://www.haomeiwen.com/subject/fmhrjttx.html