highcharts y軸數值保留两位小数

标签及字符串格式化

最后修改时间：2017-03-23 18:02

Highcharts 图表中的任意文字都可以通过 format （格式化字符串）或 formatter （格式化回调函数） 属性来进行修改，format 总是有对应的一个或多个 formatter ，其中 format 字符串简单方便，formatter 回调函数则更加灵活，他们两都是兼容 JSON 格式的。

一、HTML标签

默认情况下，Highcharts 中的文字及标签使用 SVG 渲染的，所有在默认情况下，Highcharts 只支持少量的和文字相关 HTML 标签：<b>、<strong>、<i>、<em>、<br/>、<span>。这些标签（除 br ）支持 style 属性来设置样式，不过支持的样式也仅限和文字相关的样式。

在线试一试

图表中大多数文字还支持 HTML 渲染默认，即设置 userHTML = true 来开启。HTML 模式支持全部的 HTML 标签，你可以轻松的添加图片、表格到图表的标签中，例如在提示框中添加表格、在坐标轴标签添加图片等。HTML 默认有如下限制：

  • HTML 渲染的标签内容是独立在 <svg> 标签外的，这就导致了标签是在 SVG 元素的顶层（z-index，即层叠）
  • 在导出中并不会生效（即生成导出图片中的标签不会以 HTML 渲染）。我们提供了实验性属性 exporting.allowHTML 可以解决这个问题

在线试一试

HTML 渲染模式在低版本浏览器进行双向文字排版中会出现一些问题，详细请查看我们的文档中关于 国际化 相关的内容。

二、格式化字符串

格式化字符串是包含了变量的标签模板。格式化字符串最早是在 Highcharts 2.3 中推出的，并在 Highcharts 3.0 中增强了功能，增加了数值格式化及时间格式化。具体的使用实例是在 xAxis.labels.format、tooltip.pointFormat 及 legend.labelFormat

1. 变量

变量是格式化中用大括号包括的字符，例如 "The point value at {point.x} is {point.y}"

2. 数值格式化

数值格式化字符串是采用了 C 语言浮点型格式化的子集，格式化字符是在大括号内，变量之后，用冒号（:）分隔的内容。默认情况下点号（.）表示小数点，空格（ ）代表千分符，当然这两个符号可以在 语言文字 选项集里中来设定。下面是一些实例：

3. 时间格式化

同数值格式化，时间格式化也是以冒号为分隔的。时间格式化字符中的符号同 时间格式化函数，下面是实例：

三、格式化回调函数

对于需要灵活控制、自定义格式化逻辑的需求，我们可以用格式化回调函数来处理，格式化回调函数最终返回 HTML （部分HTML标签）内容。具体的使用可以见 xAxis.labels.formatter、tooltip.formatter 及 legend.labelFormatter 等，另外在格式化函数里你进行会需要用到 时间格式化函数 及 数值格式化函数

原文地址：https://www.cnblogs.com/luomingsong/p/12122772.html

时间： 2024-10-25 20:11:34

highcharts y軸數值保留两位小数的相关文章

Double值保留两位小数的四种方法

public class DoubleTest { //保留两位小数第三位如果大于4会进一位(四舍五入) double f = 6.23556; /** *使用精确小数BigDecimal */ public void fun1() { BigDecimal bg = new BigDecimal(f); /** * 参数: newScale - 要返回的 BigDecimal 值的标度. roundingMode - 要应用的舍入模式. 返回: 一个 BigDecimal,其标度为指定值,其非

JS保留两位小数 四舍五入函数

js 四舍五入函数 toFixed(),里面的参数 就是保留小数的位数. 1 <script language="javascript"> 2 document.write("<h1>JS保留两位小数例子</h1><br>"); 3 var a=2.1512131231231321; 4 document.write("原来的值:"+a+"<br>"); 5 docu

JS小数位保留两位小数

parseInt,parseFloat,parseDouble在JS中是将值转换成相应的类型: alert(parseFloat(12.44644).toFixed(2)); JS小数位保留两位小数,布布扣,bubuko.com

乘法运算保留两位小数

jq下进行乘法运算: var num=accMul(0.123,2.21);//0.27183 num=decimal(num,2);//0.27 //精确乘法运算 function accMul(arg1,arg2){ var m=0,s1=arg1.toString(),s2=arg2.toString(); try{m+=s1.split(".")[1].length}catch(e){} try{m+=s2.split(".")[1].length}catc

java double 保留两位小数

java保留两位小数问题: 方式一: 四舍五入  double   f   =   111231.5585;  BigDecimal   b   =   new   BigDecimal(f);  double   f1   =   b.setScale(2,   BigDecimal.ROUND_HALF_UP).doubleValue();  保留两位小数  ---------------------------------------------------------------   方

jstl 保留两位小数

简介:jstl保留两位小数实现方法在JSP开头导入以下标签:<%@tagliburi="http://java.sun.com/jsp/jstl/fmt"pre jstl 保留两位小数实现方法 在JSP开头导入以下标签: <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> 从后台传入的值是deltmain. 这里的pattern就相当于DecimalF

java.math.BigDecimal保留两位小数，保留小数，精确位数

http://blog.csdn.net/yuhua3272004/article/details/3075436 使用java.math.BigDecimal工具类实现 java保留两位小数问题: 方式一(四舍五入形式保留两位小数,注意模式ROUND_HALF_UP): 四舍五入   double   f   =   111231.5585;   BigDecimal   b   =   new   BigDecimal(f);   double   f1   =   b.setScale(2

Java保留两位小数的几种做法

1.  String类型数字始终保留两位小数 public static void main(String[] args) {   DecimalFormat format = new DecimalFormat("0.00");  String abc ="100.456";  String a = format.format(new BigDecimal(abc)); System.out.println(a); } 2. 另外几种办法 原文 http://mo

JS小数位保留两位小数--toFixed()

parseInt,parseFloat,parseDouble在JS中是将值转换成相应的类型: 你必须要这样,才能实现: <script>         alert(parseFloat(12.44644).toFixed(2)); </script> 想要精确到几位,就tofixed几 在JS中格式化数据保留两位小数的函数的多种方法最好方法:  var   a   =   9.39393;     alert(a.toFixed(2));