折线图值和坐标轴y轴不对应问题记录

这个问题的产生是由于,在代码中加入了累加算法导致,

series: lineObject.sort.map(item => {
              return (
                {
                  name: item,
                  type: ‘line‘,
                  /*stack: ‘总量‘,*/ //去掉后就正常数据显示了
                  data: lineObject[item]
                }
              )
            })

说明:

series[i]-line.stack string

[ default: null ]

数据堆叠,同个类目轴上系列配置相同的stack值后,后一个系列的值会在前一个系列的值上相加。

下面示例可以通过右上角 toolbox 中的堆叠切换看效果:

api地址:http://echarts.baidu.com/option.html#series-line

时间: 2024-08-30 15:21:32

折线图值和坐标轴y轴不对应问题记录的相关文章

Android 自定义绘制折线图(重点是Y轴的公式)

/** * 绘制折线图的公式Y轴坐标: y=height-((data-min)/(max-min))*height; 可以得到data在Y轴的坐标点 * height: 折线图 Y轴的坐标 * data: 数据源 * max: 数据源的最大值 * min: 数据源的最小值 * * */ /** * 绘制折线图: y轴左侧的数据 * * 1.根据需求 :显示几个数据 height/显示个数(平均分配Y轴) * 2.左侧数据: Y轴的顶部:数据源max值 Y轴的底部:数据源的min值 中间数据:取

Highcharts属性与Y轴数据值刻度显示Y轴最小最大值

Highcharts 官网:https://www.hcharts.cn/demo/highcharts Highcharts API文档:https://api.hcharts.cn/highcharts#yAxis.tickmarkPlacement Highcharts属性与Y轴数据值刻度显示Y轴最小最大值 Highcharts.setOptions({global:{useUTC : false}}); $(function(){ //声明报表对象 var chart = new Hig

python中matplotlib画折线图实例(坐标轴数字、字符串混搭及标题中文显示)

最近在用python中的matplotlib画折线图,遇到了坐标轴 "数字+刻度" 混合显示.标题中文显示.批量处理等诸多问题.通过学习解决了,来记录下.如有错误或不足之处,望请指正. 一.最简单的基本框架如下:已知x,y,画出折线图并保存.此时x和y均为数字. 1 # -*- coding: utf-8 -*- 2 3 import matplotlib.pyplot as plt #引入matplotlib的pyplot子库,用于画简单的2D图 4 import random 5

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

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

Android图表引擎AChartEngine之折线图使用

最近在帮老师做一个课题,其中app端需要显示折线图以便直观地看数据波动,上网查了些资料后发现了这款图标引擎,另外感谢李坤老师的博客,帮助很大. 废话不多说,下面写代码. 一.AChartEngine是一款非常强大的绘图引擎,不过我这里只需用到折线图,所以并没有其他图的使用.首先我们要导入achartengine-xxx.jar,我这里使用的是achartengine-0.7.0.jar. 二.工欲善其事,必先利其器.由于在项目中需要使用图表的地方不止一处,我根据自己实际所需情况先封了个工具类.

HighCharts实现多数据折线图分列显示

HighCharts实现多数据折线图分列显示 BY ZYZ HighCharts是一个非常好用的web端画图插件,用起来非常方便,它的官方支持非常好,而且有中文API(不完全),画出来的图像也挺漂亮的.最近需要用HighCHarts绘制多数据展示对比的折线图,要求的效果类似下图. 这个图的特点是Y轴从大到小显示,多个X轴对应多个不同的折线,且每个X轴的刻度不同,每条折线的颜色也不同,且折线不交叉. 在官方的在线演示里找了许久,并没有发现可以实现这样效果的例子,虽然有多轴多折线显示的例子,但是折线

前端通过jqplot绘制折线图

首先需要下载jqplot需要的js与css文件,我已近打包好了,需要的可以下载 接下来导入其中关键的js与css如下, <link href="css/jquery.jqplot.min.css" rel="stylesheet" /> <script src="js/jquery.min.js"></script> <script src="js/jquery.jqplot.min.js&qu

matplotlib学习---折线图(plot)

一: 什么是matplotlib? matplotlib:最流行的Python底层绘图库,主要做数据可视化图标,名字取材于MATLAB,模仿MATLAB构建. 二:matplotlib基本要点: 每个红色的点是坐标,把5个点的坐标连接成一条线,就组成了折线图 通过下面的小例子来看一下matplotlib该如何简单使用 假设一天中每隔两个小时(range(2,26,2))的气温(℃)分别是[15,13,14.5,17,20,25,26,26,27,22,18,15] from matplotlib

python matplotlib 折线图的制作

python  matplotlib和random 折线图的制作 1.库的导入 import matplotlib.pyplot as plt # 导入模块 import random 2.创建画布并设置中文 # 1)创建画布(容器层) plt.figure("北京上海温度", figsize=(10, 5)) # 10为绘图对象长度,5为宽度 plt.rcParams['font.sans-serif'] = ['SimHei'] # 用来正常显示中文标签 plt.rcParams[