highstock 的tooltip框里面的内容 保留两位小数的办法

时间:2022-02-03 00:10:34

$("#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框里面的内容 保留两位小数的办法的更多相关文章

  1. js 保留两位小数 input要求是数字框,

    要求:input文本框只能输入数字,且只保留两位小数 问题:若设置input的  type="number" ,js处理部分若用到parseFloat方法处理,结果是string类 ...

  2. ToString&lpar;&rpar;格式和用法大全,C&num;实现保留两位小数的方法

    C,货币,2.5.ToString("C"),¥2.50.D,十进制数,25.ToString("D5"),00025.E,科学型,25000.ToString ...

  3. js保留两位小数方法总结

    js保留两位小数方法总结 最近在做结算系统,经常需要用到金额保留两位小数,刚开始我一直用的是Angular中的过滤器number |2,但是,这无法满足我的需求.问题是,当用户离开文本框时,我需要将用 ...

  4. 装饰者模式的学习(c&num;) EF SaveChanges&lpar;&rpar; 报错(转载) C&num; 四舍五入 保留两位小数(转载) DataGridView样式生成器使用说明 MSSQL如何将查询结果拼接成字符串 快递查询 C&num; 通过smtp直接发送邮件 C&num; 带参访问接口,WebClient方式 C&num; 发送手机短信 文件 日志 写入 与读取

    装饰者模式的学习(c#) 案例转自https://www.cnblogs.com/stonefeng/p/5679638.html //主体基类 using System;using System.C ...

  5. JS限制input输入的为数字并且有小数的时候最多保留两位小数

    JS限制input用户输入的为数字并且有小数的时候最多保留两位小数,代码如下: html部分: <input type="number" onkeypress="r ...

  6. 数字千分位处理,number&period;js,js保留两位,整数强制保留两位小数

    杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 官方文档:https://www.customd.com/articles/14/jquery-number-format-redux 1.千分位 $. ...

  7. BigDecimal的用法详解&lpar;保留两位小数&comma;四舍五入&comma;数字格式化,科学计数法转数字,数字里的逗号处理)

    转自:https://blog.csdn.net/ochangwen/article/details/51531866 一.简介 Java在java.math包中提供的API类BigDecimal,用 ...

  8. 19-6&sol;24作业: 将一个double类型的小数,按照四舍五入保留两位小数

    ☞要求 将一个double类型的小数,按照四舍五入保留两位小数 ☞实现方式 1.获得一个double类型的小数 2.使用BigDecimal包的setScale进行操作 3.输出结果 ☞代码内容 pa ...

  9. java使double保留两位小数的多方法 java保留两位小数

    这篇文章主要介绍了java使double类型保留两位小数的方法,大家参考使用吧 复制代码 代码如下: mport java.text.DecimalFormat; DecimalFormat    d ...

随机推荐

  1. IOS 创建渐变图层

    代码如下 typedef enum { GradientLayerKindLeftRight = , GradientLayerKindUpDown, GradientLayerKindLBRT,// ...

  2. Android studio 使用SVN需要忽略的文件

    Android Studio创建的Android项目一般需要忽略 1..idea文件夹 2..gradle文件夹 3.所有的build文件夹 4.所有的.iml文件 5.local.propertie ...

  3. C语言 单引号和双引号的区别

    最近的C语言课在教字符串,貌似N多同学搞不清楚单引号和双引号的区别,有人还以为在C语言里用哪个都可以...其实C语言中的单引号和双引号含义是一点也不一样滴... 1.含义不同. 用单引号引起的一个字符 ...

  4. Java基础--访问权限控制符

    今天我们来探讨一下访问权限控制符. 使用场景一:攻城狮A编写了ClassA,但是他不想所有的攻城狮都可以使用该类,应该怎么办? 使用场景二:攻城狮A编写了ClassA,里面有func1方法和func2 ...

  5. 无限极分类sql数据库的设计

    --创建测试数据表tb ) , pid ) , name )) ' , null , '广东省') ' , '广州市') ' , '深圳市') ' , '天河区') ' , '罗湖区') ' , '福 ...

  6. CoffeeScript飞一样的写javascript

    之前看到同事在使用coffeescript写js,当我看到那简介的coffee文件,就深深的被coffescript吸引了,简洁的语法,熟练之后会大大提升javascript的开发速度,写脚本也能像飞 ...

  7. ubuntu qt X11开发环境

  8. strdup函数的使用方法

    函数名: strdup 功  能: 将串复制到新建的位置处 用  法: char *strdup(char *str): 这个函数在linux的man手冊里解释为: The strdup() func ...

  9. Java 浮点型与双精度数值比较

    对于双精度与浮点数之间的比较存在潜在的转化

  10. 【NOIP2013】华容道(最短路)

    题目戳我 懒得粘贴题目了..就这要凑合一下吧... 题解 反正棋盘的状态不会变的... 所以,预处理一下??? 恩,如果一个棋子要移动到某个目标位置的话, 可以看成只有空格和这个子要动呀(其他的有区别 ...