highstock 的tooltip框里面的内容 保留两位小数的办法
$("#flux_chart_container").highcharts('
},
borderWidth : 1,
borderRadius : 10,
spacingTop : 2,
spacingBottom : 3,
spacingLeft : 1,
spacingRight : 3
},
credits:{
enabled : false
},
title: {
text: title + " 流量明细"
},
legend: {
enabled: true,
layout: 'vertical',
labelFormatter: function() {
if(this.name=='入流量'){
return
this.name +' 均值:' + Highcharts.numberFormat(datas.avginput,2) + ' kbps
峰值:' + Highcharts.numberFormat(datas.maxinput,2) + ' kbps';
}else if(this.name=='出流量'){
return
this.name +' 均值:' + Highcharts.numberFormat(datas.avgoutput,2) + ' kbps
峰值:' + Highcharts.numberFormat(datas.maxoutput,2) + ' kbps';
}else{
return this.name;
}
}
},
/*xAxis: {
categories : categories,
labels: {
step: step,
staggerLines : 2
}
},*/
yAxis: [{
title: {
text: "流量(kbps)"
},
tickPixelInterval:20,
offset:90,
labels: {
formatter: function() {
return Highcharts.numberFormat(this.value,2) +' kbps';
}
},
min:0
}],
plotOptions : {
series : {
marker: {
enabled: false
}
}
},
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.2f} kps</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
series:[{name:'入流量',tooltip:{valueSuffix:'Kbps'},data : inputs},{name:'出流量',tooltip:{valueSuffix:'Kbps'},data : outputs}]
//,{name:'入端口利用率',yAxis:
1,tooltip:{valueSuffix:'%'},data : intportur},{name:'出端口利用率',yAxis:
1,tooltip:{valueSuffix:'%'},data : outportur}
});
========================================highchart的使用和对比=====================
function initReport(chartId,chartTitle,chartCategories,chartY,chartSeries) {
var chart = new Highcharts.Chart({
chart: {
renderTo: chartId,
zoomType: 'x',
style: {
color: '#000000',
fontFamily: '楷体'
}
},
title: {
text: chartTitle,
style: {
fontWeight: 'bold'
}
},
xAxis: {
categories: chartCategories,
labels: {
rotation:340,
y:35,
style: {
color: 'black',
fontSize: 12,
fontFamily: '微软雅黑'
}
}
},
yAxis: [{
title: {
text: "流量(kbps)"
},
tickPixelInterval:20,
labels: {//highchart Y 轴保留两位小数点的办法
formatter: function() {
return Highcharts.numberFormat(this.value,2) +' kbps';
}
},
min:0
}],
tooltip: {
crosshairs: [{color:'blue',dashStyle: 'dot'},{color:'blue',dashStyle: 'dot'}],
shared: true
},
plotOptions : {
column: {//控制柱状宽度
pointPadding: 0.2,
borderWidth: 0,
pointWidth: 30
},
series : {
marker: {
enabled: false
},
cursor: 'pointer',
point : {
events : {
click: function(event) {
queryPortFlux(this.options.portid);
}
}
}
}
},
credits:{
enabled : false
},
series: chartSeries,
navigation: {
buttonOptions: {
enabled: false
}
}
});
reportCharts.push(chart);
}
highstock 的tooltip框里面的内容 保留两位小数的办法的更多相关文章
- js 保留两位小数 input要求是数字框,
要求:input文本框只能输入数字,且只保留两位小数 问题:若设置input的 type="number" ,js处理部分若用到parseFloat方法处理,结果是string类 ...
- ToString()格式和用法大全,C#实现保留两位小数的方法
C,货币,2.5.ToString("C"),¥2.50.D,十进制数,25.ToString("D5"),00025.E,科学型,25000.ToString ...
- js保留两位小数方法总结
js保留两位小数方法总结 最近在做结算系统,经常需要用到金额保留两位小数,刚开始我一直用的是Angular中的过滤器number |2,但是,这无法满足我的需求.问题是,当用户离开文本框时,我需要将用 ...
- 装饰者模式的学习(c#) EF SaveChanges() 报错(转载) C# 四舍五入 保留两位小数(转载) DataGridView样式生成器使用说明 MSSQL如何将查询结果拼接成字符串 快递查询 C# 通过smtp直接发送邮件 C# 带参访问接口,WebClient方式 C# 发送手机短信 文件 日志 写入 与读取
装饰者模式的学习(c#) 案例转自https://www.cnblogs.com/stonefeng/p/5679638.html //主体基类 using System;using System.C ...
- JS限制input输入的为数字并且有小数的时候最多保留两位小数
JS限制input用户输入的为数字并且有小数的时候最多保留两位小数,代码如下: html部分: <input type="number" onkeypress="r ...
- 数字千分位处理,number.js,js保留两位,整数强制保留两位小数
杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 官方文档:https://www.customd.com/articles/14/jquery-number-format-redux 1.千分位 $. ...
- BigDecimal的用法详解(保留两位小数,四舍五入,数字格式化,科学计数法转数字,数字里的逗号处理)
转自:https://blog.csdn.net/ochangwen/article/details/51531866 一.简介 Java在java.math包中提供的API类BigDecimal,用 ...
- 19-6/24作业: 将一个double类型的小数,按照四舍五入保留两位小数
☞要求 将一个double类型的小数,按照四舍五入保留两位小数 ☞实现方式 1.获得一个double类型的小数 2.使用BigDecimal包的setScale进行操作 3.输出结果 ☞代码内容 pa ...
- java使double保留两位小数的多方法 java保留两位小数
这篇文章主要介绍了java使double类型保留两位小数的方法,大家参考使用吧 复制代码 代码如下: mport java.text.DecimalFormat; DecimalFormat d ...
随机推荐
- javaScript与MVC
MVC,就是Module,View,Controller分离,使业务逻辑更加清晰,但是现在公司的项目中很多地方那个不是这样的,很多业务逻辑放在了javascript中实现,这样做的优点就是对于技术要求 ...
- 【bzoj1503】 NOI2004—郁闷的出纳员
http://www.lydsy.com/JudgeOnline/problem.php?id=1503 (题目链接) 题意 要求维护4种操作:插入一个数,将所有数加上k,将所有数减去k,删去数值小于 ...
- 深入解析direct path read (转)
文章转自:http://www.itpub.net/thread-1815281-1-1.html 传统读取数据的方式是服务器进程通过读取磁盘,然后把数据加载到共享内存中,这样后面的进程就可以通过共享 ...
- Linux Hackers/Suspicious Account Detection
catalog . Linux黑客帐号攻击向量 . Linux可疑帐号检测模型 1. Linux黑客帐号攻击向量 0x1: 将黑客帐号添加到"root"组 . useradd ha ...
- EF-CodeFirst 继承关系TPH、TPT、TPC
继承关系 面向对象的三大特征之一:继承 ,在开发中起到了重要的作用.我们的实体本身也是类,继承自然是没有问题.下面开始分析 EF里的继承映射关系TPH.TPT.TPC 现在我们有这样一个需求,用户里要 ...
- css3 media媒体查询器用法总结
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆 ...
- POJ 1330 Nearest Common Ancestors(Targin求LCA)
传送门 Nearest Common Ancestors Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 26612 Ac ...
- Android系统手机端抓包方法
抓包准备 1. Android手机需要先获得root权限.一种是否获得root权限的检验方法:安装并打开终端模拟器(可通过安卓市场等渠道获得).在终端模拟器界面输入su并回车,若报错则说明未root, ...
- Python 数据处理----对定长数据的处理
场景: 有时候我们对大量数据进行处理,对性能要求很高,而且数据都是定长的,比如对移动信息登记表进行处理:名字 身份证信息 手机号码 这些都是定长的,今天小花来教大家如何对此类数据进行处理. 步骤一: ...
- BZOJ3082: Graph2
经典问题.强制在线的话非常复杂. 考虑离线. 每条边的存在时间是一个区间,因此按时间建立一颗线段树,将每条边插入,拆成log条边.然后dfs线段树,每次并查集合并当前节点的所有边,到叶子节点时回答询问 ...