2. 程式人生 > >【資料抓取】EChart圖表展示

【資料抓取】EChart圖表展示

阿新 • • 發佈：2019-01-01
$(document).ready(function () { //圖表1-顯示資料的使用情況 var myChart1 = echarts.init(document.getElementById('chart1')); // 顯示標題，圖例和空的座標軸 myChart1.setOption({ title: { text: '資料使用情況' }, tooltip: {}, legend: { data: ['次數'
] }, xAxis: { data: [] }, yAxis: {}, series: [{ name: '次數', type: 'bar', data: [] }] }); //後臺獲取資料，顯示資料的使用情況 $.ajax({ url: "Material.aspx/GetMaterialInfo"
, type: 'Post', contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { var material = JSON.parse(data.d); myChart1.setOption({ xAxis: { data: material.categories }, series: [{ name: '次數'
, data: material.data }] }); } }); //圖表2-顯示個人的使用情況 var myChart2 = echarts.init(document.getElementById('chart2')); // 顯示標題，圖例和空的座標軸 myChart2.setOption({ title: { text: '張三-個人情況' }, tooltip: {}, legend: { data: ['平均水平', '使用者情況'] }, radar: { indicator: [ { name: '資料結構', max: 30 }, { name: 'MySQL', max: 30 }, { name: 'Angular2', max: 30 }, { name: '設計模式', max: 30 }, { name: 'J2EE', max: 30 } ] }, series: [{ name: '平均水平 vs 使用者情況', type: 'radar', data: [ { value: [], name: '平均水平' }, { value: [], name: '使用者情況' } ] }] }); //後臺獲取資料，設定個人雷達圖的資料 $.ajax({ url: "Material.aspx/GetPersonalInfo", type: 'Post', contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { var personal = JSON.parse(data.d); myChart2.setOption({ series: [{ data: [ { value: personal.average_data, name: '平均水平' }, { value: personal.personal_data, name: '使用者情況' } ] }] }); } }); });

相關推薦

【資料抓取】EChart圖表展示

$(document).ready(function () { //圖表1-顯示資料的使用情況 var myChart1 = echarts.init(document.getElementById('chart1')); // 顯示標題，圖例和空的座

【資料抓取】HTML解析

背景 通過模擬登陸，我獲取了相應網頁資訊，接下來要做的就是解析html，從裡面篩選出自己需要的內容 這個流程很清晰，獲取資料-篩選資料-儲存資料-顯示資料 功能說明 對htm

【Python入門只需20分鐘】從安裝到資料抓取、儲存原來這麼簡單

基於大眾對Python的大肆吹捧和讚賞，作為一名Java從業人員，看了Python的書籍之後，決定做一名python的腦殘粉。 作為一名合格的腦殘粉（標題黨  (ノ◕ω◕)ノ），為了發展我的下線，接下來我會詳細的介紹 Python 的安裝 到開發工具的簡單介紹，並編寫一個抓

【PHP-網頁內容抓取】抓取網頁內容的兩種常用方法

說到網頁內容的抓取，最常用的兩種方式： 1.利用file_get_contents()函式，簡簡單單； 2.CURL抓取工具。CURL是一個非常強大的開源庫，支援很多協議，包括HTTP、FTP、TEL

【資料視覺化】echarts繪製帶有點選事件的圖表

<script type="text/javascript"> //基於準備好的dom，初始化echarts例項 var myChart = echart

【抓取】6-DOF GraspNet 論文解讀

# 【抓取】6-DOF GraspNet 論文解讀 **【注】：本文地址：[【抓取】6-DOF GraspNet 論文解讀](https://www.cnblogs.com/hatimwen/p/6dofgraspnet.html )** **若轉載請於明顯處標明出處。** ## 前言 這篇關於生成

【資料搜集】Python學習

OS pan span blog cor pos ati http pytho python學習手冊 | 演道網 http://dev.go2live.cn/python/python%e5%ad%a6%e4%b9%a0%e6%89%8b%e5%86%8c.html 【資

【資料搜集】DirectX學習

.sh 資料 指南 c++ tor 動漫 light Go pos 【網站推薦：】GameRes遊資網-遊戲開發者門戶 http://www.gameres.com/ 【基礎知識：】 《遊戲編程》第一部 基礎篇 - GameRes.com http://dev.gamere

Educational Codeforces Round 53 (Rated for Div. 2) C. Vasya and Robot 【二分 + 尺取】

任意門：http://codeforces.com/contest/1073/problem/C C. Vasya and Robot time limit per test 1 second memory limit per test

【資料視覺化】25個即時改進資料視覺化設計的技巧

資料視覺化不是關於顯示資料; 它是以更容易理解的方式顯示資料 - 這就是真正的價值所在。如果你想真正“看到”我們的意思，請看一下這個快速視訊： 視訊地址：https://vimeo.com/29684853 不幸的是，很多人認為將幾張圖表放在一起意味著您正在進行資料視覺

QueryList免費線上網頁採集資料抓取工具-toolfk.com

     本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱，ToolFk 特色是專注於程式設計師日常的開發工具，不用安裝任何軟體，只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援  BarCode條形碼線上

【資料結構--Heap】堆

堆（英語：Heap）是電腦科學中的一種特別的樹狀資料結構。若是滿足以下特性，即可稱為堆：“給定堆中任意節點 P 和 C，若 P 是 C 的母節點，那麼 P 的值會小於等於（或大於等於） C 的值”。若母節點的值恆小於等於子節點的值，此堆稱為最小堆（英語：min heap）；反之，若母節點的值

【資料集介紹】The Idiap Research Institute REPLAY-Mobile Database

【時間】2018.11.14 【資料集介紹】The Idiap Research Institute REPLAY-Mobile Database 概述 本文是對資料集REPLAY-Mobile Database中的readme.md檔案的中英對照翻譯，是對這個資料庫的內容與使用方法的介

【資料售賣平臺】—— Vue2.0入門學習專案爬坑

前言：這個專案是我從零學習Vue2.0時用於練習基礎知識的入門專案，包含了Vue2.0幾乎所有專案都會用到的基礎功能，是新手用來練手的好專案，這裡溫故知新對功能點做一個總結。   平臺首頁 登入註冊

spider資料抓取（第二章）

download最完善的指令碼 import urllib2 import urlparse def download(url, user_agent="wswp", proxy=None, num_retries=2): print "DownLoading", url head

Android 使用jsoup 進行資料抓取

一，身為安卓開發人員，在沒有介面的情況下是很操蛋的。索性就抓點資料測試用了。 準備工作：jsoup.jar 這裡 已經 是 已經實現好 邏輯的方法。 public class MianHuanJsoup { public static final String MH

C# NetCore使用AngleSharp爬取周公解夢資料 MySql資料庫的自動建立和頁面資料抓取

這一章詳細講解編碼過程 那麼接下來就是碼程式碼了，GO 新建NetCore WebApi專案 空的就可以    NuGet安裝 Install-Package AngleSharp　　  或者介面安裝   using。。 預設本地裝有

爬蟲[1]---頁面分析及資料抓取

頁面分析及資料抓取 anaconda + scrapy 安裝：https://blog.csdn.net/dream_dt/article/details/80187916 用 scrapy 初始化一個爬蟲：https://blog.csdn.net/dream_dt/article

爬蟲實戰-酷狗音樂資料抓取--XPath，Pyquery,Beautifulsoup資料提取對比實戰

網站： http://www.kugou.com/yy/html/rank.html 爬取目標： 酷酷狗飆升榜的歌手，歌曲名字，歌曲連結等內容，存到Mysql資料庫中 網頁解析： 此次爬取採用三種解析方式： 程式碼如下： import requests from l

poi資料抓取和下載

  網際網路或者企業獲取：直接從一些專業類服務網站上抓取或者購買（例如大眾點評，攜程），或者直接從大家在其公開的地圖服務上的標註中進行篩選和獲取。這就是google，百度，高德自己免費向社會開放其地圖服務所能夠獲得的利益。尤其對於開放API免費企業客戶的使用，這種獲取是很有價值的。