highcharts报表 四:tooltip数据提示框指配置
来源:互联网 发布:数字图像处理 知乎 编辑:程序博客网 时间:2024/05/07 07:39
数据提示框指的当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值,数据单位等。数据提示框内提示的信息完全可以通过格式化函数动态指定;通过设置 tooltip.enabled = false 即可不启用提示框。
tooltip : { shared: true, // 提示框是否共享 backgroundColor : 'red', // 提示框背景色 enabled : true, // 是否启用提示框, 默认启用 formatter : function (){ // 提示框格式化字符串 var s = '<b>'+this.x+'</b>'; $.each(this.points ,function(){ s += '<br />' + this.series.name + ':' + this.y; }); return s; }, pointFormatter : function () { // 格式化提示框字符串,更灵活,优先使用 // 函数中的 this 代表着 Point 对象。 } positioner: function () { // 固定提示框 return { x: 80, y: 50 }; }, valueSuffix: ' cm', // 数值后缀 valuePrefix : '数据前缀' // 数值前缀 valueDecimals : 2, // 保留小数位数 xDateFormat : '%Y-%m-%d', // shared: true, backgroundColor : 'red', enabled : true, formatter : function (){ var s = '<b>'+this.x+'</b>'; $.each(this.points ,function(){ s += '<br />' + this.series.name + ':' + this.y; }); return s; }, pointFormatter : function () { // 函数中的 this 代表着 Point 对象。 } positioner: function () { return { x: 80, y: 50 }; }, valueSuffix: ' cm', valuePrefix : '数据前缀' valueDecimals : 2, xDateFormat : '%Y-%m-%d', // 如果 X轴是时间轴,格式化提示框标题中的日期 }
阅读全文
1 0
- highcharts报表 四:tooltip数据提示框指配置
- Highcharts tooltip工具提示
- HightChart数据提示框(Tooltip)
- 十、基础教程-数据提示框(Tooltip)
- Highcharts翻译系列之十六:tooltip工具提示
- ToolTip提示框
- 提示框相关 ---tooltip
- easyui----tooltip---提示框
- easyui-tooltip 提示框
- Tooltip(提示框)组件
- echarts 解读——提示框(tooltip)配置
- highcharts报表 四:xAxis X 轴(或分类轴)通用配置
- highcharts图表内的tooltip提示框在IE浏览器下出现花屏的问题分析以及解决办法
- highcharts 提示框样式
- highcharts 提示框样式
- highCharts提示框学习
- 关于highcharts动态获取数据做报表
- highcharts报表开发 一:chart配置
- linux的一些基本命令(关于文件操作, 进程操作,以及/boot问题)
- 《Spring揭秘》笔记——Spring中两种容器比较
- PHP
- Auto property synthesis will not synthesize property '***'
- eclipse 全选lib jar包
- highcharts报表 四:tooltip数据提示框指配置
- 462. Minimum Moves to Equal Array Elements II
- 模糊查询
- 抛弃格子衫和冲锋衣_程序员该如何穿?
- Android 定时器 (每隔N秒执行一次).
- python入门教程&学习笔记
- localStorage-“增删改查”
- smali语法手册
- 三范式有什么不同