用js的highcharts或者echarts实现折线图，想根据数据的增多实现平移的效果

如题，类似股票的K线图，随着数据变多，历史数据向左移动，用highcharts或者echarts怎么实现，其他js技术也可以，求大神！！！

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
当作看不见 2017-05-24 03:39
关注
echarts ,配置好 ,--> 官方教程,直接复制粘贴的,数据的增多,平移,设置series里面的data 数组 ,push shift,对数组修改,setOption 就能实现上述效果.
实例
http://echarts.baidu.com/demo.html#dynamic-data2

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

用js的highcharts或者echarts实现折线图，想根据数据的增多实现平移的效果 echarts
2017-05-24 03:23

回答 3 已采纳 echarts ,配置好 ,--> 官方教程,直接复制粘贴的,数据的增多,平移,设置series里面的data 数组 ,push shift,对数组修改,setOption 就能实现上述效果.
highcharts 动态的取数据,绘制折线图 html5
2016-04-26 11:51

回答 1 已采纳 http://zhaowenbinmail.blog.163.com/blog/static/39080862012111103532746/
（急）使用highcharts制作饼图的时候，想把数据动态显示在饼图上 javascript jquery 有问必答服务器
2022-01-05 23:59

回答 1 已采纳你题目的解答代码如下： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF
highcharts快速生成百万数据点折线图.rar
2021-12-15 15:59

highcharts快速生成百万数据点折线图.rar
HighCharts折线图多行的MySQL / PHP数据 javascript mysql php
2014-05-20 22:50

回答 1 已采纳 Because you should set multiple array of series in series object, but you have a single serie: cur
highcharts横坐标为时间，怎么跟数据点一一对应 java list
2017-06-01 01:05

回答 2 已采纳你是要时间为横坐标，name为highcharts里series节电里的name ，pjcj为date数据数组是吧。可以这样 1、组建x轴数据，将其封装成list数组；根据查询条件构造
highcharts饼状图数据显示问题
2017-12-03 09:09

回答 2 已采纳设置dataLabels![图片说明](https://img-ask.csdn.net/upload/201712/04/1512372826_770657.png)
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2020-10-20 06:18

主要介绍了jQuery插件HighCharts绘制的基本折线图效果,结合实例形式分析了jQuery基于HighCharts插件绘制图形的具体实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
关于highcharts折线图显示乱码 javascript
2019-03-25 11:33

回答 1 已采纳试下，看是否是浏览器问题
使用 highcharts 的特殊图，怎么会报错？急 javascript vue.js 前端
2021-11-10 17:49

回答 1 已采纳找了好久，终于。。。这里少引入了一个文件 import Highcharts from "highcharts"; import highchartsMore from "
前端highcharts图表问题 css3 html5 前端
2022-01-17 18:52

回答 1 已采纳 lenged 应该可以设置吧 Documentation - Apache ECharts ECharts, a powerful, i
highcharts.js员工业绩流水折线图数据图表代码.zip
2019-07-11 10:29

var chart = Highcharts.chart('container', { title: { text: '2月 ~ 7月业绩流水情况' }, subtitle: { text: '数据来源：尚德鹰眼系统' }, yAxis: { title: { text: '流水' } ...
如何使用highcharts基于日期选择查看图形 javascript laravel mysql php
2017-10-16 06:01

回答 1 已采纳 You need to pass date in your request I'm assuming you are passing it with AJAX here. Since I don'
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2020-10-20 05:52

主要介绍了jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果,结合实例形式分析了jQuery使用HighCharts插件同时绘制柱状图、折线图的实现技巧与相关操作步骤,并附带demo源码供读者下载参考,需要的朋友可以...
highcharts实现从mysql数据库获取数据生成折线图
2019-01-18 15:02

用highcharts实现从mysql数据库获取数据生成实时折线图。开发平台是用eclipse实现的，是一个项目，用jsp显示从数据库读取的实时折线图。
没有解决我的问题, 去提问

悬赏问题

¥15 多电路系统共用电源的串扰问题
¥15 shape_predictor_68_face_landmarks.dat
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 对于相关问题的求解与代码
¥15 ubuntu子系统密码忘记
¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
¥15 保护模式-系统加载-段寄存器
¥15 电脑桌面设定一个区域禁止鼠标操作
¥15 求NPF226060磁芯的详细资料