highcharts图表的图例legend怎么改变显示位置
2024-08-25 08:12:29
一、将图例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、效果图如下：
参考网址：http://www.stepday.com/topic/?446
最新文章
- .NetCore之EF跳过的坑
- Android开发学习——搭建开发环境
- Vim块注释
- MyBatis知多少（12）私有数据库
- [Solution] Microsoft Windows 服务(1) C#创建Windows服务
- $gte 必须使用双引号，且冒号后面不能有空格
- ABAP_常用函数整理_傻X版
- 使用git submodule管理一个需要多个分立开发或者第三方repo的项目
- WCF 双工模式
- 记录下actionbar的翻译
- iOS 开发 之 编程知识点
- windbg工具安装配置及dump抓取
- Spring（十二）Spring之事务
- 用DotTrace 来分析.NET-Core程序
- 3. MariaDB设置主从复制
- [Abp 源码分析]十五、自动审计记录
- Entity Framework Core系列之DbContext（修改）
- SpringCloud问题解决：spring-cloud-eureka启动出错Cannot execute request on any known server
- QT4.8.6-VS2010开发环境配置
- Android单元测试学习（一）