Highcharts 动态删除series

先绘制,后删除多余

var chart = new Highcharts.Chart(options);
if (chart.series.length > result.dataList0.length) {
for (var i = result.dataList0.length; i < options.series.length; i++) {
chart.series[chart.series.length - 1].remove();
  }

}

时间: 2024-10-13 03:34:24

Highcharts 动态删除series的相关文章

Hightcharts动态创建series,采用options预定义方式

动态创建Series 代码如下: <html> <head> <title>Highcharts Example</title> <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script> <script language="javascript&q

js动态删除div元素

在做用户查找时 因为要把查找的结果动态加载和显示,所以,那些html元素要由Ajax动态生成.用户打开查找界面时,有系统推荐的用户,而当用户按条件查找后,查找的结果动态加载和显示.所以考虑到用js来搞. 这个for循环就是移除已有的表单.然后根据Ajax请求过来的数据,动态生成新的表单对象.一定要注意j变量从大往小循环,否则,删除div元素后会引起serchResultLenth=serchResult.children.length;长度的变化(这个问题摸索了好久,才搞定,切记) for(va

[Nutch]Hadoop动态删除DataNode节点和TaskTracker节点

在之前的博文有说明动态添加一个结点,本次就说明如何动态删除一个结点. 在上一篇博文有讲解如何限制一个结点的连接,要动态删除一个结点,可以在这个基础之上进行配置. 1. 在host1上配置dfs.hosts.exclude 在dfs.hosts.exclude指定的文件中添加host4: 再执行如下命令: hadoop dfsadmin -refreshNodes 然后用如下命令进行查看: hadoop dfsadmin -report 如下: 2. web界面 从web管理界面可以看到,目前只有

C# Winform控件动态删除

WPF控件的动态删除请参考WPF动态删除指定类型控件 今天在实现控件动态删除过程中遇到了点小Trouble,就是在删除的过程中只能删除一半,具体代码如下: foreach (var control in from ctls in controlUtility.GetControls(panel1) where ctls.Name.StartsWith("BtnTable") select ctls) { panel1.Controls.Remove(control); control.

Highcharts 柱状图为series 动态赋值

最近公司做的项目有用到 Highcharts 中的柱状图,Highcharts官网给出的范例中series属性的值是固定的: 而我做的项目需要给series赋的值是动态地从数据库取的,这样的话可以事先将取到的值转化为Json格式的数据,然后再给series赋值. 代码如下: var JsonSeries; //[{name:'n1',data:[1,2,3]},{name:'n2',data:[4,5,6]},{name:'n3',data:[7,8,9]}]中name和data的值是数据库中取

highcharts 动态生成x轴和折线图

highchart 动态生成x轴和折线图 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"><link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico"> <meta name="viewport" c

highcharts动态获取数据生成图表问题

动态获取数据说白点就是从后台传值到前台,前台把这些值赋值给x轴与y轴.  柱状图的动态传值: //获取后台数据 var x = [];//X轴 var y = [];//Y轴 var xtext = [];//X轴TEXT var color = ["#FFB6C1","#DC143C","#C71585","#D8BFD8","#8B008B","#4B0082","#6A5

Highcharts动态添加点数据

Highcharts用来作为图表数据的展示十分方便,效果也比较好.highcharts不仅可以实现死数据的展示,也能实现动态数据的实时添加显示,类似财经股票的实时刷新效果,实现过程并不难,大致如下. 引用HighCharts 3.0后,可以对装载Highcharts图表的DIV容器加上一个方法highcharts(),该方法可以将图表装载到相应的容器中.js部分的代码如下: 其中主要的方法包括 function loadMoreDataForNoiseChart(seriesObj) { var

Highcharts使用中关于series超过11个的BUG

js脚本: $(function () { $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Stacked column chart' }, xAxis: { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }, yAxis: { min: 0, title: { text: 'Total fruit consumptio