js 在echarts多条折线图数字*100 诡异出现小数

 formatter:function(params){  //数据单位格式化
                               var relVal = params[0].name;  //x轴名称
                               for (var i = 0, l = params.length; i < l; i++) {
                                if(params[i].value){

                                   relVal += ‘<br/> ‘ + params[i].seriesName + ‘ : ‘ + (params[i].value*100+"%";
                                }
                               }
                                console.log(params)
                               return relVal;
                            }

这样子的formatter 在数据格式化的时候会出现诡异的,类似于 50.000001%这样子的问题

解决办法 就是切割

例如 slice(2,4) slice  第一个参数在第几位开始切割,第二个参数切割到第几位,

代码呈上:

 formatter:function(params){  //数据单位格式化
                               var relVal = params[0].name;  //x轴名称
                               for (var i = 0, l = params.length; i < l; i++) {
                                if(params[i].value){

                                   relVal += ‘<br/> ‘ + params[i].seriesName + ‘ : ‘ + (String(params[i].value)).slice(2,4)+"%";
                                }
                               }
                                console.log(params)
                               return relVal;
                            }

原文地址:https://www.cnblogs.com/love314159/p/9395086.html

时间: 2024-10-09 23:32:56

js 在echarts多条折线图数字*100 诡异出现小数的相关文章

echarts 动态生成多条折线图和动态获得x轴并于数字相对应

function drawZXT(id, data) {    myChart = echarts.init(document.getElementById(id));    option = {        title: {            text: '流量计折线图',            //subtext: '纯属虚构'        },        tooltip: {            trigger: 'axis',            axisPointer:

百度推出的echarts,制表折线图柱状图饼图等的超级工具

一.简介: 1.绘制数据图表,有了它,想要网页上绘制个折线图.柱状图,从此easy. 2.使用这个百度的echarts.js插件,是通过把图片绘制在canvas上在显示在页面上. 官网对echarts的简介: ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRen

echarts 拼图和折线图的封装 及常规处理

1.html <div id="wrap"></div> 2.js ; (function ($) { $.fn.extend({ echartsPie: function (obj) { // 默认配置 var defaultConfig = { id: this.attr("id"), color: ['#2ba4db', '#5172bf', '#935ebf', '#c654a2', '#54b9cd'], legend: { ico

详细介绍如何计算两条折线的交点并使用Echarts展示以及图表优化

1.背景 前段时间公司有个需求,需要在一个图表中展示两条折线,并且绘制出两条线的交点.为了满足需求大哥的需求,我也是着实想了有一会.下面我就把具体的实现过程给大家展示一下. 1.1.ECharts 简介 个人很喜欢Echarts这个图表库,就先给大家介绍一下,方便大家更好的了解. ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图

Echarts生成饼状图、条形图以及线形图 JS封装

1.在我们开发程序中,经常会用到生成一些报表,比方说饼状图,条形图,折线图等.不多说了,直接上封装好的代码,如下Echarts.js所示 以下代码是封装在Echarts.js文件中 /** * Created by Administrator on 2015/8/7. */ var charec; // 路径配置 require.config({ paths: { echarts: 'http://echarts.baidu.com/build/dist' } }); // 按需加载所需图表 r

圆饼 折线图的 js

echarts.common.min.js !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.echarts=e

深入浅出ECharts系列 (二) 折线图

深入浅出ECharts系列(二) 目标 本次教程的目标是实现“折线图堆叠”折线,实现结果如图: 2. 准备工作 a)         首先下载ECharts插件,你可以根据自己的实际需求选择你想要下载的版本,也可以自己定制相应功能的版本,下面附上插件的下载地址: http://echarts.baidu.com/download.html 我们下载完整版为大家进行演示. 3. 正式开始 首先,我新建了一个MVC4项目,将下载的文件放到对应的位置: 然后新建一个控制器和对应的视图,添加对文件的引用

JS 画饼图,折线图

网址: http://www.hcharts.cn/demo/index.php 效果图: 它的网址里面都很全的.简单实用扣代码即可 使用时注意数据格式即可 1 //获取mood_evalue的百分比 2 $total_mood_evalue = 0; 3 //初始化key的数组,统计key的百分比 4 $mood_key_arr = array(); 5 6 //1-5分别对应值1-5: 7 $mood_evalue_1 = $mood_evalue_2 = $mood_evalue_3 =

echarts 折线图点击高亮

echarts中注册事件很多 ,记录下今天做的折线图点击高亮: 查了api,看了半天,发现折线图点击时只能做到圆点变大,并不能实现点击线条,整条线条高亮,也真是醉了. 上图: 如图所示,只能圆点变大... 贴出代码: function chartModule () { var self = this; var myChart = null; var prevIndex = null; this.init = function () { myChart = echart.init(document