浅析数据一致性 - ImportNew
什么是数据一致性?
在数据有多分副本的情况下，如果网络、服务器或者软件出现故障，会导致部分副本写入成功，部分副本写入失败。这就造成各个副本之间的数据不一致，数据内容冲突。 实践中，导致数据不一致的情况有很多种，表现样式也多种多样，比如数据更新返回操作失败，事实上数据在存储服务器已经更新成功。
CAP定理是2000年，由 Eric Brewer 提出来的。Brewer认为在分布式的环境下设计和部署系统时，有3个核心的需求，以一种特殊的关系存在。这里的分布式系统说的是在物理上分布的系统，比如我们常见的web系统。
这3个核心的需求是：Consistency，Availability和Partition Tolerance，赋予了该理论另外一个名字 － CAP。
Consistency：一致性，这个和数据库ACID的一致性类似，但这里关注的所有数据节点上的数据一致性和正确性，而数据库的ACID关注的是在在一个事务内，对数据的一些约束。系统在执行过某项操作后仍然处于一致的状态。在分布式系统中，更新操作执行成功后所有的用户都应该读取到最新值。
Availability：可用性，每一个操作总是能够在一定时间内返回结果。需要注意“一定时间”和“返回结果”。“一定时间”是指，系统结果必须在给定时间内返回。“返回结果”是指系统返回操作成功或失败的结果。
Partition Tolerance：分区容忍性，是否可以对数据进行分区。这是考虑到性能和可伸缩性。
CAP定理认为，一个提供数据服务的存储系统无法同事满足数据一致性、数据可用性、分区容忍性。
为什么不能完全保证这个三点了，个人觉得主要是因为一旦进行分区了，就说明了必须节点之间必须进行通信，涉及到通信，就无法确保在有限的时间内完成指定的行文，如果要求两个操作之间要完整的进行，因为涉及到通信，肯定存在某一个时刻只完成一部分的业务操作，在通信完成的这一段时间内，数据就是不一致性的。如果要求保证一致性，那么就必须在通信完成这一段时间内保护数据，使得任何访问这些数据的操作不可用。
如果想保证一致性和可用性，那么数据就不能够分区。一个简单的理解就是所有的数据就必须存放在一个数据库里面，不能进行数据库拆分。这个对于大数据量，高并发的互联网应用来说，是不可接受的。
在大型网站应用中，数据规模总是快速扩张的，因此可伸缩性即分区容忍性必不可少，规模变大以后，机器数量也会变得庞大，这是网络和服务器故障会频繁出现，要想保证应用可用，就必须保证分布式处理系统的高可用性。所以在大型网站中，通常会选择强化分布式存储系统的可用性(A)和伸缩性(P)，在某种程度上放弃一致性(C)。一般来说，数据不一致通常出现在系统高并发写操作或者集群状态不稳（故障恢复、集群扩容等）的情况下，应用系统需要对分布式数据处理系统的数据不一致性有所了解并进行某种意义上的补偿和纠错，以避免出现应用系统数据不正确。
数据一致性模型
一些分布式系统通过复制数据来提高系统的可靠性和容错性，并且将数据的不同的副本存放在不同的机器，由于维护数据副本的一致性代价高，因此许多系统采用弱一致性来提高性能，一些不同的一致性模型也相继被提出。
强一致性： 要求无论更新操作实在哪一个副本执行，之后所有的读操作都要能获得最新的数据。
弱一致性：用户读到某一操作对系统特定数据的更新需要一段时间，我们称这段时间为“不一致性窗口”。
最终一致性：是弱一致性的一种特例，保证用户最终能够读取到某操作对系统特定数据的更新。
数据一致性实现技术
Quorum系统NRW策略
这个协议有三个关键字N、R、W。
N代表数据所具有的副本数。
R表示完成读操作所需要读取的最小副本数，即一次读操作所需要参与的最小节点数目。
W表示完成写操作所需要写入的最小副本数，即一次写操作所需要参与的最小节点数目。
该策略中，只需要保证R+W&N，就可以保证强一致性。
例如：N=3，W=2，R=2，那么表示系统中数据有3个不同的副本，当进行写操作时，需要等待至少有2个副本完成了该写操作系统才会返回执行成功的状态，对于读操作，系统有同样的特性。由于R + W & N，因此该系统是可以保证强一致性的。
R + W& N会产生类似Quorum的效果。该模型中的读（写）延迟由最慢的R(W)副本决定，有时为了获得较高的性能和较小的延迟，R和W的和可能小于N，这时系统不能保证读操作能获取最新的数据。
如果R + W & N，那么分布式系统就会提供强一致性的保证，因为读取数据的节点和被同步写入的节点是有重叠的。在关系型数据管理系统中，如果N=2，可以设置为W=2，R=1，这是比较强的一致性约束，写操作的性能比较低，因为系统需要2个节点上的数据都完成更新后才将确认结果返回给用户。
如果R + W ≤ N，这时读取和写入操作是不重叠的，系统只能保证最终一致性，而副本达到一致的时间则依赖于系统异步更新的实现方式，不一致性的时间段也就等于从更新开始到所有的节点都异步完成更新之间的时间。
R和W的设置直接影响系统的性能、扩展性与一致性。如果W设置为1，则一个副本完成更改就可以返回给用户，然后通过异步的机制更新剩余的N-W的副本；如果R设置为1，只要有一个副本被读取就可以完成读操作，R和W的值如较小会影响一致性，较大则会影响性能，因此对这两个值的设置需要权衡。
下面为不同设置的几种特殊情况:
1. 当W=1,R=N时，系统对写操作有较高的要求，但读操作会比较慢，若N个节点中有节点发生故障，那么读操作将不能完成。
2. 当R=1,W=N时，系统对读操作有较高性能、高可用，但写操作性能较低，用于需要大量读操作的系统，若N个节点中有节点发生故障，那么些操作将不能完成。
3. 当R=Q,W=Q(Q=N/2+1)时，系统在读写性能之间取得平衡，兼顾了性能和可用性。
两阶段提交算法
在两阶段提交协议中，系统一般包含两类机器（或节点）：一类为协调者（coordinator），通常一个系统中只有一个；另一类为事务参与者（participants，cohorts或workers），一般包含多个，在数据存储系统中可以理解为数据副本的个数。两阶段提交协议由两个阶段组成，在正常的执行下，这两个阶段的执行过程如下所述：
阶段1：请求阶段（commit-request phase，或称表决阶段，voting phase）。
在请求阶段，协调者将通知事务参与者准备提交或取消事务，然后进入表决过程。在表决过程中，参与者将告知协调者自己的决策：同意（事务参与者本地作业执行成功）或取消（本地作业执行故障）。
阶段2：提交阶段（commit phase）。
在该阶段，协调者将基于第一个阶段的投票结果进行决策：提交或取消。当且仅当所有的参与者同意提交事务协调者才通知所有的参与者提交事务，否则协调者将通知所有的参与者取消事务。参与者在接收到协调者发来的消息后将执行响应的操作。
举个例子：A组织B、C和D三个人去爬长城：如果所有人都同意去爬长城，那么活动将举行；如果有一人不同意去爬长城，那么活动将取消。用2PC算法解决该问题的过程如下：
首先A将成为该活动的协调者，B、C和D将成为该活动的参与者。
阶段1：A发邮件给B、C和D，提出下周三去爬山，问是否同意。那么此时A需要等待B、C和D的邮件。B、C和D分别查看自己的日程安排表。B、C发现自己在当日没有活动安排，则发邮件告诉A它们同意下周三去爬长城。由于某种原因，D白天没有查看邮件。那么此时A、B和C均需要等待。到晚上的时候，D发现了A的邮件，然后查看日程安排，发现周三当天已经有别的安排，那么D回复A说活动取消吧。
阶段2：此时A收到了所有活动参与者的邮件，并且A发现D下周三不能去爬山。那么A将发邮件通知B、C和D，下周三爬长城活动取消。此时B、C回复A“太可惜了”，D回复A“不好意思”。至此该事务终止。
两阶段提交算法在分布式系统结合，可实现单用户对文件（对象）多个副本的修改，多副本数据的同步。其结合的原理如下：
客户端（协调者）向所有的数据副本的存储主机（参与者）发送：修改具体的文件名、偏移量、数据和长度信息，请求修改数据，该消息是1阶段的请求消息。
存储主机接收到请求后，备份修改前的数据以备回滚，修改文件数据后，向客户端回应修改成功的消息。如果存储主机由于某些原因（磁盘损坏、空间不足等）不能修改数据，回应修改失败的消息。
客户端接收发送出去的每一个消息回应，如果存储主机全部回应都修改成功，向每存储主机发送确认修改的提交消息；如果存在存储主机回应修改失败，或者超时未回应，客户端向所有存储主机发送取消修改的提交消息。该消息是2阶段的提交消息。
存储主机接收到客户端的提交消息，如果是确认修改，则直接回应该提交OK消息；如果是取消修改，则将修改数据还原为修改前，然后回应取消修改OK的消息。
客户端接收全部存储主机的回应，整个操作成功。
在该过程中可能存在通信失败，例如网络中断、主机宕机等诸多的原因，对于未在算法中定义的其它异常，都认为是提交失败，都需要回滚，这是该算法基于确定的通信回复实现的，在参与者的确定回复（无论是回复失败还是回复成功）之上执行逻辑处理，符合确定性的条件当然能够获得确定性的结果哲学原理。
缺点：单个A是个严重问题：没有热备机制，A节点宕机了或者链接它的网络坏了会阻塞该事务；吞吐量不行，没有充分发动更多A的力量，一旦某个A第一阶段投了赞成票就得在它上面加独占锁，其他事务不得接入，直到当前事务提交or回滚。
分布式锁服务
分布式锁是对数据被外界修改持保守态度，在整个数据处理过程中将数据处于锁定状态，在用户修改数据的同时，其它用户不允许修改。
采用分布式锁服务实现数据一致性，是在操作目标之前先获取操作许可，然后再执行操作，如果其他用户同时尝试操作该目标将被阻止，直到前一个用户释放许可后，其他用户才能够操作目标。分析这个过程，如果只有一个用户操作目标，没有多个用户并发冲突，也申请了操作许可，造成了由于申请操作许可所带来的资源使用消耗，浪费网络通信和增加了延时。
采用分布式锁实现多副本内容修改的一致性问题， 选择控制内容颗粒度实现申请锁服务。例如我们要保证一个文件的多个副本修改一致， 可以对整个文件修改设置一把锁，修改时申请锁，修改这个文件的多个副本，确保多个副本修改的一致，修改完成后释放锁；也可以对文件分段，或者是文件中的单个字节设置锁， 实现更细颗粒度的锁操作，减少冲突。
常用的锁实现算法有Lamport bakery algorithm （俗称面包店算法）， 还有Paxos算法以及乐观锁。下面对其原理做简单概述。
1. Lamport面包店算法
是解决多个线程并发访问一个共享的单用户资源的互斥问题的算法。 由Leslie Lamport（英语：Leslie Lamport）发明。
这个算法也可以称为时间戳策略，或者叫做Lamport逻辑时钟。
这里先陈述一下这个逻辑时钟的内容：
我们用分布式系统中的事件的先后关系，用“-&”符号来表示，例如：若事件a发生在事件b之前，那么a-&b.
该关系需要满足下列三个条件：
如果a和b是同一进程中的事件，a在b之前发生，则a-&b
如果事件a是消息发送方，b是接收方，则a-&b
对于事件a、b、c,如果有a-&b,b-&c,则有a-&c
注意，对于任何一个事件a，a -& a都是不成立的，也就是说，关系-&是反自反的。有了上面的定义，我们也可以定义出“并发”(concurrent)的概念了：
对于事件a、b，如果a -& b，b -& a两个都不成立，那么a和b就是并发的。
直观上，上面的-&关系非常好理解，即“xxx在xxx之前发生”。也就是说，一个系统在输入I1下，如果有a-&b，那么对于这个系统的同一个输入I1，无论重复运行多少次，a也始终发生在b之前；如果在输入I1下a和b是并发的，则表示在同一个输入I1下的不同运行中，a可能在b之前，也可能在b之后，也可能恰好同时发生。也就是，并发并不是指一定同时发生，而是表示一种不确定性。-&和并发的概念，就是我们理解一个系统时最基础的概念之一了。
有了上面的概念，我们可以给系统引入时钟了。这里的时钟就是lamport逻辑时钟。一个时钟，本质上是一个事件到实数（假设时间是连续的）的函数。这个函数将每个事件映射到一个数字，代表这个事件发生的时间。形式一点来说，对于每个进程Pi，都有一个时钟Ci，这个时钟将该进程中的事件a映射到Ci(a)。而整个系统的时钟C=&　C0, C1, …, Cn&，对于一个事件b，假设b属于进程Pj，那么C(b) =Cj(b)。
这里插一句，从这个定义也可以看到大师对分布式系统的理解。分布式系统中不存在一个“全局”的实体。在该系统中，每个进程都是一个相对独立的实体，它们有自己的本地信息（本地Knowledge）。而整个系统的信息则是各个进程的信息的一个聚合。
有了时钟的一个“本质定义”还不够，我们需要考虑，什么样的时钟是一个有意义的，或者说正确的时钟。其实，有了前文的-&关系的定义，正确的时钟应满足的条件已经十分明显了：
时钟条件：对于任意两个事件a，b，如果a -& b，那么C(a) & C(b)。
注意，反过来讲这个条件可不成立。如果我们要求反过来也成立，即“如果a -& b为假，那么C(a) & C(b)也为假”，那就等于要求并发事件必须同时发生，这显然是不合理的。
结合前文-&关系的定义，我们可以把上面的条件细化成如下两条：
如果a和b是进程Pi中的两个事件，并且在Pi中，a在b之前发生，那么Ci(a) & Ci(b)；
如果a是Pi发送消息m，b是Pj接收消息m，那么Ci(a) & Cj(b)；
上面就定义了合理的逻辑时钟。显然，一个系统可以有无数个合理的逻辑时钟。实现逻辑时钟也相对简单，只要遵守两条实现规则就可以了：
每个进程Pi在自己的任何两个连续的事件之间增加Ci值；
如果事件a是Pi发送消息m，那么在m中应该带上时间戳Tm=Ci(a)；如果b是进程Pj接收到消息m，那么，进程Pj应该设置Cj为大于max(Tm,Cj(b))。
有了上面逻辑时钟的定义，我们现在可以为一个系统中所有的事件排一个全序，就是使用事件发生时的逻辑时钟读数进行排序，读数小的在先。当然，此时可能会存在两个事件同时发生的情况。如果要去除这种情况，方法也非常简单：如果a在进程Pi中，b在进程Pj中，Ci(a) = Cj(b)且i & j，那么a在b之前。形式化一点，我们可以把系统事件E上的全序关系“=&”定义为：
假设a是Pi中的事件，b是Pj中的事件，那么：a =& b当且仅当以下两个条件之一成立：
Ci(a) & Cj(b)；
Ci(a) = Cj(b) 且 i & j；
Lamport把上面这些数理逻辑时钟的概念以非常直观地类比为顾客去面包店采购。面包店只能接待一位顾客的采购。已知有n位顾客要进入面包店采购，安排他们按照次序在前台登记一个签到号码。该签到号码逐次加1。根据签到号码的由小到大的顺序依次入店购货。完成购买的顾客在前台把其签到号码归0. 如果完成购买的顾客要再次进店购买，就必须重新排队。
这个类比中的顾客就相当于线程，而入店购货就是进入临界区独占访问该共享资源。由于计算机实现的特点，存在两个线程获得相同的签到号码的情况，这是因为两个线程几乎同时申请排队的签到号码，读取已经发出去的签到号码情况，这两个线程读到的数据是完全一样的，然后各自在读到的数据上找到最大值，再加1作为自己的排队签到号码。为此，该算法规定如果两个线程的排队签到号码相等，则线程id号较小的具有优先权。
把该算法原理与分布式系统相结合，即可实现分步锁。
注意这个系统中需要引入时钟同步，博主的意见是可以采用SNTP实现时钟同步（非权威，仅供参考）。
2.Paxos算法
该算法比较热门，类似2pc算法的升级版，在此不做赘述，可以自行搜索相关资料。(博主会在之后整理列出)
需要注意的是这个算法也是Leslie Lamport提出的，由此可见这位大师之牛逼！
Paxos算法解决的问题是一个分布式系统如何就某个值(决议)达成一致。一个典型的场景是，在一个分布式数据库系统中，如果各节点的初始状态一致，每个节点都执行相同的操作序列，那么他们最后能得到一个一致的状态。为保证每个节点执行相同的命令序列，需要在每一条指令上执行一个“一致性算法”以保证每个节点看到的指令一致。一个通用的一致性算法可以应用在许多场景中，是分布式计算中的重要问题。节点通信存在两种模型：共享内存(Shared memory)和消息传递(Messages passing)。Paxos算法就是一种基于消息传递模型的一致性算法。BigTable使用一个分布式数据锁服务Chubby，而Chubby使用Paxos算法来保证备份的一致性。
不仅只用在分布式系统，凡是多个过程需要达成某种一致性的都可以用到Paxos 算法。一致性方法可以通过共享内存（需要锁）或者消息传递实现，Paxos 算法采用的是后者。下面是Paxos 算法适用的几种情况：一台机器中多个进程/线程达成数据一致；分布式文件系统或者分布式数据库中多客户端并发读写数据；分布式存储中多个副本响应读写请求的一致性。
3. 采用乐观锁原理实现的同步
我们举个例子说明该算法的实现原理。如一个金融系统，当某个操作员读取用户的数据，并在读出的用户数据的基础上进行修改时（如更改用户帐户余额），如果采用前面的分布式锁服务机制，也就意味着整个操作过程中（从操作员读出数据、开始修改直至提交修改结果的全过程，甚至还包括操作员中途去煮咖啡的时间），数据库记录始终处于加锁状态，可以想见，如果面对几百上千个并发，这样的情况将导致怎样的后果。
乐观锁机制在一定程度上解决了这个问题。乐观锁，大多是基于数据版本（ Version）记录机制实现。何谓数据版本？即为数据增加一个版本标识，在基于数据库表的版本解决方案中，一般是通过为数据库表增加一个 “version” 字段来实现。读取出数据时，将此版本号一同读出，之后更新时，对此版本号加一。此时，将提交数据的版本数据与数据库表对应记录的当前版本信息进行比对，如果提交的数据版本号大于数据库表当前版本号，则予以更新，否则认为是过期数据。
对于上面修改用户帐户信息的例子而言，假设数据库中帐户信息表中有一个 version 字段，当前值为 1 ；而当前帐户余额字段（ balance ）为 $100 。
操作员 A 此时将其读出（version=1 ），并从其帐户余额中扣除 50（100-$50 ）。
在操作员 A 操作的过程中，操作员B也读入此用户信息（ version=1 ），并从其帐户余额中扣除 20（100-$20 ）。
操作员 A 完成了修改工作，将数据版本号加一（ version=2 ），连同帐户扣除后余额（ balance=$50），提交至数据库更新，此时由于提交数据版本大于数据库记录当前版本，数据被更新，数据库记录 version 更新为 2 。
操作员 B 完成了操作，也将版本号加一（ version=2 ）试图向数据库提交数据（ balance=$80），但此时比对数据库记录版本时发现，操作员 B 提交的数据版本号为 2 ，数据库记录当前版本也为 2 ，不满足 “提交版本必须大于记录当前版本才能执行更新 “ 的乐观锁策略，因此，操作员 B 的提交被驳回。这样，就避免了操作员 B 用基于version=1 的旧数据修改的结果覆盖操作员A 的操作结果的可能。
可能感兴趣的文章
关于ImportNew
ImportNew 专注于 Java 技术分享。于日 11:11正式上线。是的，这是一个很特别的时刻 :)
ImportNew 由两个 Java 关键字 import 和 new 组成，意指：Java 开发者学习新知识的网站。 import 可认为是学习和吸收， new 则可认为是新知识、新技术圈子和新朋友……
新浪微博：
推荐微信号
反馈建议：@
广告与商务合作QQ：
– 好的话题、有启发的回复、值得信赖的圈子
– 写了文章？看干货？去头条！
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 活跃 & 专业的翻译小组
– 国内外的精选博客文章
– UI,网页，交互和用户体验
– JavaScript, HTML5, CSS
– 专注Android技术分享
– 专注iOS技术分享
– 专注Java技术分享
– 专注Python技术分享
& 2016 ImportNew【图文】大学计算机基础 第1章
计算机基础知识 New 2014-10_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
大学计算机基础 第1章
计算机基础知识 New 2014-10
上传于||暂无简介
大小：9.42MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢29978人阅读
一：HighChart介绍
基于JQuery的纯JavaScript的图标库，支持各种图表显示，同时还支持Mootools
与Prototype详细版本支持在这里：
1.3.2 - 1.9.x. 2.0.x for modern browsers
1.2.5 - 1.4.5
支持目前市场几乎所有的主要浏览器IE, Chrome, FF,Safari, Opera等。其图形渲染完
全是是基于SVG与VML方式，其中VML方式主要是兼容IE浏览器，在IE9+及其它浏览
器上渲染技术都是基于SVG方式。下载与安装指导文档
-&安装好以后，建一个基本static web 项目，如图
二：HighChart基本的Bar Chart演示
打开链接-&
拷贝your first chart中第二步中的全部script脚本到mydemo.html中的&script&&/script&
之间。导入JQuery与highchart库文件支持。代码如下：
&scriptsrc=&static/jquery-1.9.1/jquery-1.9.1.min.js&&&/script&
&scriptsrc=&static/highcharts-3.0.1/js/highcharts.js&&&/script&
在tomcat中部署demo1之后访问如下URL：
在浏览器中看到如下Bar Chart：
三：清除HighChart中的数据集(remove data series from high chart object)
代码修改：
1.&&&&&&把type：’bar’ 改成type: ’column’ 其作用是让bar垂直显示
2.&&&&&&向script尾部追加如下代码，自动清除所有series然后刷新
&&&&&&&&&&& setTimeout(function(){
&&& &&&&&&&&&&&var series=chart.&&&&&&&&&&&&
&&& &&&&&&&&&&&while(series.length & 0) {
&&& &&&&&&&&&&&&&&& series[0].remove(false);
&&& &&&&&&&&&&& }
&&& &&&&&&&&&&& chart.redraw();
&&&&&&&&&&&},2000);
四：向HighChart中添加data series(add new data series into high chart object)
向script的尾部追加如下代码，实现添加data series并刷新bar chart
&&&&&&&&&&& setTimeout(function(){
&&&&&&&&&&& & chart.addSeries({&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&& &&&&&&&& id:1,
&&&&&&& &&&&&&&& name:&gloomyfish&,
&&&&&&& &&&&&&&& data:[1,2,3]
&&&&&&& &&&& },false);
&&&&&&&&&&& & chart.addSeries({&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&& &&&&&&&& id:2,
&&&&&&& &&&&&&&& name:&wang-er-ma&,
&&&&&&& &&&&&&&& data:[5,2,1]
&&&&&&& &&&& },false);
&&&&&&&&&&& & chart.addSeries({&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&& &&&&&&&& id:3,
&&&&&&& &&&&&&&& name:&zhang-san&,
&&&&&&& &&&&&&&& data:[4,8,6]
&&&&&&& &&&& },false);
&&& &&&&&&&&&&& chart.redraw();
&&&&&&&&&&&},2000);
addSeries方法中第二个参数false表示不重绘plot，等所有series添加完成调用redraw
方法重绘。
五：在chart中清除high chart官方链接(remove high chart official hyperlink in chart)
仔细观察在Bar Chart的右下角有个highchart的官方链接，当然希望去掉，只要在chart
声明中将credits声明设置改为false即可。代码如下：
credits: {enabled:
false// remove high chart logo hyper-link},
六：完整Demo源码
&script src=&static/jquery-1.9.1/jquery-1.9.1.min.js&&&/script&
&script src=&static/highcharts-3.0.1/js/highcharts.js&&&/script&
&title&My Demo 1&/title&
$(function() {
// initialization chart and actions
$(document).ready(function () {
chart = new Highcharts.Chart({
renderTo: 'my_container',
type: 'column'
text: 'Fruit Consumption'
categories: ['Apples', 'Bananas', 'Oranges']
text: 'Fruit eaten'
credits: {
enabled: false // remove high chart logo hyper-link
series: [{
name: 'Jane',
data: [1, 0, 4]
name: 'John',
data: [5, 7, 3]
// JQuery, mouse click event bind with dom buttons
$('#clear-button').on('click', function (e) {
clearPlot();
$('#refresh-button').on('click', function (e) {
refreshPlot();
// clear all series of the chart
function clearPlot() {
//console.log(&clear plot data!!!&);
var series=chart.
while(series.length & 0) {
series[0].remove(false);
chart.redraw();
function refreshPlot() {
//console.log(&refresh plot data!!!&);
chart.addSeries({
name: &gloomyfish&,
data: [1,2,3]
}, false);
chart.addSeries({
name: &wang-er-ma&,
data: [5,2,1]
}, false);
chart.addSeries({
name: &zhang-san&,
data: [4,8,6]
}, false);
chart.redraw();
setTimeout(function(){
var series=chart.
while(series.length & 0) {
series[0].remove(false);
chart.redraw();
// add new series for the chart
setTimeout(function(){
chart.addSeries({
name: &gloomyfish&,
data: [1,2,3]
}, false);
chart.addSeries({
name: &wang-er-ma&,
data: [5,2,1]
}, false);
chart.addSeries({
name: &zhang-san&,
data: [4,8,6]
}, false);
chart.redraw();
&h1&High Chart Demo 1&/h1&
&div id=&my_container& style=&width:600 height:600&&&/div&
&div id=&btn-group&&
&button type=&button& id=&clear-button&&Clear Plot&/button&
&button type=&button& id=&refresh-button&&Draw Plot&/button&
&/html&运行效果如下：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1795721次
积分：18509
积分：18509
排名：第329名
原创：221篇
评论：1086条
个人独立开发者
承接图像处理算法开发
提供图像处理相关技术咨询
精通数据可视化技术
超过12年Java编程经验
特别说明：谢绝源码索取
Java初学者群：
注明来自CSDN
《Java数字图像处理-编程技巧与应用实践》
文章：14篇
阅读：179880
文章：66篇
阅读：682805
(3)(4)(1)(3)(2)(1)(1)(3)(3)(7)(5)(2)(1)(1)(1)(2)(1)(1)(1)(2)(1)(1)(3)(1)(4)(7)(5)(5)(3)(4)(9)(6)(4)(4)(2)(6)(6)(7)(6)(6)(4)(7)(10)(8)(7)(7)(8)(4)(4)(3)(5)(3)(1)(1)(3)(2)(2)(1)(1)(3)(1)(1)(4)}