echarts 实时更新曲线 如何去掉前面的数据

来源：蜘蛛抓取(WebSpider) 时间：2016-08-15 07:06 标签： echarts 实时数据刷新
html调用echarts后怎么删除一条数据_百度知道
html调用echarts后怎么删除一条数据
html调用了echarts 添加了一个图表
我想点击按钮后可以删除某个数据
您的回答被采纳后将获得：
系统奖励20（财富值+经验值）+难题奖励30（财富值+经验值）
我有更好的答案
用js 可以实现的
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁echarts 地图 怎么实时更新点的数据！ - 开源中国社区
当前访客身份：游客 [
当前位置：
项目需求：
&&&& 从杭州出去 ping 各地网络质量，延迟高为红色，低为绿色。
&&&&现在要求实现的是 几分钟 刷新一下数据，比如2分钟后，刷新一下，杭州到北京的延迟数据值&& markLine& markPoint
&&&&目前只想实现 简单的 ajax 刷新数据。
&&& 当前使用这样不能更新：&&
options.series[1].markPoint.data= "[{name:'北京',value:10}]";
myChart.setOption(options,true);
现在项目代码如下:
require.config({
echarts: './js'
'echarts',
'echarts/chart/bar',
'echarts/chart/line',
'echarts/chart/map'
DrawEChart
function DrawEChart(ec) {
var myChart = ec.init(document.getElementById('mainMap'));
myChart.showLoading({
text: "图表数据正在努力加载..."
var options = {
backgroundColor: '',
color: ['gold','aqua','lime'],
subtext:'',
x:'center',
textStyle : {
color: '#fff',
fontSize:'35',
tooltip : {
trigger: 'item',
formatter: function(a)
return a[1];
toolbox: {
show : false,
dataRange: {
show : false,
max : 100,
calculable : true,
color: ['#ff3333', 'orange', 'yellow','lime','aqua'],
textStyle:{
color:'#fff'
series : [
name: '全国',
type: 'map',
roam: true,
hoverable: false,
mapType: 'china',
itemStyle:{
borderColor:'rgba(100,149,237,1)',
borderWidth:0.5,
areaStyle:{
color: 'rgba(0,0,0,0)'
markLine : {
smooth:true,
symbol: ['none', 'circle'],
symbolSize : 1,
itemStyle : {
color:'#fff',
borderWidth:1,
borderColor:'rgba(30,144,255,0.5)'
//这里是虚线
[{name:'杭州'},{name:'广州'}],
[{name:'杭州'},{name:'郑州'}],
[{name:'杭州'},{name:'长春'}],
[{name:'杭州'},{name:'重庆'}],
[{name:'杭州'},{name:'长沙'}],
[{name:'杭州'},{name:'成都'}]
geoCoord: {
'哈尔滨': [126.2],
'乌鲁木齐': [87.8],
'呼和浩特': [111.5],
'石家庄': [114.1],
name: '杭州 Top10',
type: 'map',
mapType: 'china',
markLine : {
smooth:true,
effect : {
show: true,
scaleSize: 1,
period: 30,
color: '#fff',
shadowBlur: 10
itemStyle : {
borderWidth:1,
lineStyle: {
type: 'solid',
shadowBlur: 10
[{name:'杭州'}, {name:'北京',value:95}],
[{name:'杭州'}, {name:'乌鲁木齐',value:70}],
[{name:'杭州'}, {name:'广州',value:90}],
[{name:'杭州'}, {name:'呼和浩特',value:80}],
[{name:'杭州'}, {name:'南宁',value:70}],
[{name:'杭州'}, {name:'南昌',value:60}],
[{name:'杭州'}, {name:'拉萨',value:50}],
[{name:'杭州'}, {name:'长春',value:40}],
[{name:'杭州'}, {name:'昆明',value:30}],
[{name:'杭州'}, {name:'重庆',value:20}]
markPoint : {
symbol:'emptyCircle',
symbolSize : function (v){
return 10 + v/10
effect : {
show: true,
shadowBlur : 0
itemStyle:{
label:{show:false}
emphasis: {
label:{position:'top'}
{name:'北京',value:95},
{name:'乌鲁木齐',value:95},
{name:'广州',value:90},
{name:'呼和浩特',value:80},
{name:'南宁',value:70},
{name:'南昌',value:60},
{name:'拉萨',value:50},
{name:'长春',value:40},
{name:'昆明',value:30},
{name:'重庆',value:20}
type: "POST",
url: "ajax.php",
success: function(data){
data = eval('(' + data + ')');
if(data.status == 'ok'){
myChart.hideLoading();
//option.series[curSelected].markLine.data=markL
//options.series[curSelected].markPoint.data= "[{name:'北京',value:10}]";
myChart.setOption(options,true);
共有0个答案
更多开发者职位上
有什么技术问题吗？
不会飞的...的其它问题
类似的话题使用ECharts制作可视化数据-前端开发博客
推荐文章 05-25 06-27 02-26 08-09 01-30 04-27热门文章
4,259Views
1,130Views
1,070Views
1,047Views

我要回帖

更多关于 echarts 实时数据刷新 的文章

 

随机推荐