Echarts2繪製動態曲線圖並給出完整程式碼

阿新 • • 發佈：2019-01-14

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

標籤式單檔案引入

http://echarts.baidu.com/echarts2/doc/doc.html#引入ECharts2

<!DOCTYPE html><html 
 lang="en"><head><meta charset="utf-8"><title>ECharts</title></head><body><!--Step:1 Prepare a dom for ECharts which (must) has size (width & hight)--><!--Step:1 為ECharts準備一個具備大小（寬高）的Dom--><div id="main" style="height:500px;border:1px solid #ccc;padding:10px;" 
></div><!--Step:2 Import echarts-all.js--><!--Step:2 引入echarts-all.js<script src="js/echarts-all.js"></script>--><script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script><script type="text/javascript">// Step:3 echarts & zrender as a Global Interface by the echarts-plain.js. 
// Step:3 echarts和zrender被echarts-plain.js寫入為全域性介面var timeTicket;var myChart = echarts.init(document.getElementById('main'));option = {    title : {        text: '動態資料',        subtext: '純屬虛構'    },    tooltip : {        trigger: 'axis'    },    legend: {        data:['最新成交價', '預購佇列']    },    toolbox: {        show : true,        feature : {            mark : {show: true},            dataView : {show: true, readOnly: false},            magicType : {show: true, type: ['line', 'bar']},            restore : {show: true},            saveAsImage : {show: true}        }    },    dataZoom : {        show : false,        start : 0,        end : 100    },    xAxis : [        {            type : 'category',            boundaryGap : true,            data : (function (){                var now = new Date();                var res = [];                var len = 10;                while (len--) {                    res.unshift(now.toLocaleTimeString().replace(/^\D*/,''));                    now = new Date(now - 2000);                }                return res;            })()        },        {            type : 'category',            boundaryGap : true,            data : (function (){                var res = [];                var len = 10;                while (len--) {                    res.push(len + 1);                }                return res;            })()        }    ],    yAxis : [        {            type : 'value',            scale: true,            name : '價格',            boundaryGap: [0.2, 0.2]        },        {            type : 'value',            scale: true,            name : '預購量',            boundaryGap: [0.2, 0.2]        }    ],    series : [        {            name:'預購佇列',            type:'bar',            xAxisIndex: 1,            yAxisIndex: 1,            data:(function (){                var res = [];                var len = 10;                while (len--) {                    res.push(Math.round(Math.random() * 1000));                }                return res;            })()        },        {            name:'最新成交價',            type:'line',            data:(function (){                var res = [];                var len = 10;                while (len--) {                    res.push((Math.random()*10 + 5).toFixed(1) - 0);                }                return res;            })()        }    ]};var lastData = 11;var axisData;clearInterval(timeTicket);timeTicket = setInterval(function (){    lastData += Math.random() * ((Math.round(Math.random() * 10) % 2) == 0 ? 1 : -1);    lastData = lastData.toFixed(1) - 0;    axisData = (new Date()).toLocaleTimeString().replace(/^\D*/,'');        // 動態資料介面 addData    myChart.addData([        [            0,        // 系列索引            Math.round(Math.random() * 1000), // 新增資料            true,     // 新增資料是否從佇列頭部插入            false     // 是否增加佇列長度，false則自定刪除原有資料，隊頭插入刪隊尾，隊尾插入刪隊頭        ],        [            1,        // 系列索引            lastData, // 新增資料            false,    // 新增資料是否從佇列頭部插入            false,    // 是否增加佇列長度，false則自定刪除原有資料，隊頭插入刪隊尾，隊尾插入刪隊頭            axisData  // 座標軸標籤        ]    ]);}, 2100);myChart.setOption(option);</script></body></html>

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

Echarts2繪製動態曲線圖並給出完整程式碼

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

自己寫的順序表的基本操作，插入、刪除、修改，給出完整程式碼，其中運用到goto語句

#include<iostream> using namespace std; #define MAXSIZE 100 typedef int DataType; typedef struct {DataType data[MAXSIZE]; //通常用一位陣列

Python第三方庫——Matplotlib_在同個figure中繪製多個圖並給出legend

import matplotlib.pyplot as plt line1, = plt.plot([1,2,3], linestyle='--') line2, = plt.plot([3,2,1]

【python學習】今天看看學習 %d ,%s, %f 等用法，下面的學習例子是說輸入名字、年齡、工作，工資。並給出65歲退休還差多久的計算

msg ear end style 資料科學一個保留 value 今天看看學習 %d ,%s, %f 等用法。%d 是占位符整數，%s 是占位符，%f 是浮點數。下面的學習例子是說輸入名字、年齡、工作，工資。並給出65歲退休還差多久的計算。重點在於用占位符來print

列舉幾個關於Java Collections的常見問題並給出答案

dst hset 正在 collect log 在一起可能數據類型 lin 1. 什麽時候用LinkedList，什麽時候用ArrayList？ ArrayList是使用數組實現的list，本質上就是數組。ArrayList中的元素可以通過索引隨機獲取一個元素。但

python文本處理--定位motif在fasta文件上的位置，並給出位置信息

find span dna pytho 文件 str odin color 所有 #!/usr/bin/python3 #-*- coding:utf-8 -*- #在序列文件上找出所有的指定motif的位置 dna=‘ATGCGAGAGAGAGAGAAGTGCTGTGT

從鍵盤任意輸入n個實數，分別計算並輸出其中正數的平均值和負數的平均值，需要考慮可能出現的異常，並給出異常處理

異常一共也就幾種，陣列越界，分母為0異常第一種交給jvm處理 package chuki; import java.util.*; public class Two { public static void main(String[] args)

利用socket技術實現用java實現客戶端向服務端傳送檔案，伺服器端接收檔案並給出一個響應。

通訊是網路程式設計中重要的組成部分，而socket程式設計是網路程式設計的基礎。利用socket可以實現客戶端和伺服器端的通訊。下面我先把客戶端和伺服器端的程式碼粘上去再進行詳細的分析。 package test1; import java.io.File; import java.io

簡述sass與less的區別並給出程式碼

Sass (Syntactically Awesome Stylesheets)是一種動態樣式語言，語法跟css一樣(但多了些功能)，比css好寫，而且更容易閱讀。Sass語法類似與Haml，屬於縮排語法（makeup），用意就是為了快速寫Html和Css。 Less是

JAVA Test_Properities的使用記錄程式的執行次數，要是達到5次，就終止程式，並給出必要的提示

package cn.itcast.properties.demo; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.I

ajax請求判斷登入超時並給出提示

第一：在後臺登入邏輯中判斷是否是ajax請求，並設定特定的返回資料；判斷請求頭中是否含有X-Requested-With並等於XMLHttpRequest，如果為true，則證明是ajax請求 if(request.getHeader("X-Requested-With") != null

iOS 工作之餘-- 將一個控制器的View新增到某個控制器的子控制器並給出frame

在實際的開發中，有很多需求，需要在下面顯示一塊區域，用於某些功能，如回覆評論，禮物打賞，顯示購物金額等等。。。這時候，就可以用到本文的方式，簡單的程式碼，效果也很好。不多囉嗦，直接上核心程式碼。 1.在ViewController上，建立介面，點選功能，彈出下面區域AVC（新增一個

對於一個m*n的整數矩陣，其中每一行和每一列的元素都按升序排列，設計一個高效的演算法判斷一個數值是否存在，並給出位置

package com.huanchuang.arvin.vo; public class Finder { private String findElement(int[][] matrix, int target) { int row = 0,

《機器學習》周志華課後習題3.3：程式設計實現對率迴歸,並給出西瓜資料集 3.0α 上的結果.

資料如下： python 程式碼如下： #!/usr/bin/env python3 # -*- coding: utf-8 -*- """ Created on Tue Jan 30 10:05:01 2018 @author: llw """ #logistic r

判斷IE瀏覽器核心版本低於9，並給出升級連結

需要先引入jquery。 function IETester(userAgent){ var UA = userAgent || navigator.userAgent; if(/msie/i.test(UA)){

JAVA--第十週作業編寫之一個Teacher類負責給出算術題目，隨機給出兩個整數並進行運算，並判斷回答者的答案是否正確；編寫一個GUI類ComputerFrame，回答者可以通過GUI看到題目並給出

感言：剛開始編的時候沒有把number和number1 設為全域性變數，導致結果不正確。還有本來用的是AWT類，現在改成了Swing類，這個類功能比較強大，元件和視覺化介面都很好。但是不知道圖片怎麼顯示不出來了，在ecplise上應該可以顯示出來的。import jav

C++程式碼實現梯度下降演算法並給出測試用例

此處僅給出程式碼實現，具體原理及過程請看前面的博文測試檔案輸入格式如下： 2 10 0.01 10 2104 3 399900 1600 3 329900 2400 3 369000 1416 2 232000 3000 4 539900 1985 4 299900 1

關鍵字volatile有什麼含意並給出三個不同的例子

volatile的作用是：作為指令關鍵字，確保本條指令不會因編譯器的優化而省略，且要求每次直接讀值，即不是從暫存器裡取備份值，而是去該地址記憶體儲存的值. 簡單地說就是防止編譯器對程式碼進行優化.比如如下程式： XBYTE[2]=0x55; XBYTE[2]=0x56;

給定一個實數陣列，按序排列（從小到大）,從陣列從找出若干個數，使得這若干個數的和與M最為接近，描述一個演算法，並給出演算法的複雜度。

有N個正實數(注意是實數，大小升序排列) x1 , x2 ... xN，另有一個實數M。需要選出若干個x，使這幾個x的和與 M 最接近。請描述實現演算法，並指出演算法複雜度。 #define M

一個簡易的kmp教學並給出java實現

self 自身 [] 所有 for rdquo 現在跳過 public 簡單介紹一下問題給定source字符串，找出target字符串出現的首位例如 source 為“abddabddabc” target　為 “a

Echarts2繪製動態曲線圖並給出完整程式碼

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

相關推薦