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
网友评论