原创 繪製數據圖表的又一利器:C3.js

目前市面上我們可選擇的圖表工具琳琅滿目,有開源的也有商業化的,而且C3也不是第一個基於D3開發的庫,像nvd3.js和rickshaw.js都是基於D3開發的,並且都聲稱可以利用D3的強大功能來創建可複用的圖表。 D3在2010

原创 樹莓派購買指南

第1講:樹莓派購買指南【子豪兄的零基礎樹莓派教程】 [TOC] 必備物品 必備物品是實現樹莓派核心功能必不可少的零件。你可以在這個淘寶鏈接A:樹莓派必備物品基礎套餐中購買到下述必備欄所有物品,選擇“RS-3B+基礎套件”,共365元。

原创 MySQL 查詢 select * from table where id in 如何提高效率?

例句:select * from a where id in (select id from b );對於這條sql語句它的執行計劃其實並不是先查詢出b表的所有id,然後再與a表的id進行比較。mysql會把in子查詢轉換成exists

原创 儀表盤和圖形編輯器 Grafana

Grafana 詳細介紹 Grafana 是 Graphite 和 InfluxDB 儀表盤和圖形編輯器。Grafana 是開源的,功能齊全的度量儀表盤和圖形編輯器,支持 Graphite,InfluxDB 和 OpenTSDB

原创 開源服務內部監控系統 graphite簡介

開源監控系統,大名鼎鼎的有nagois,catis。公司就有運維採用nagios作服務器與服務狀態監控,同時結合插件提供郵件短信報警功能;catis通過snmp協議對服務器進行監控,利用RRDTool繪製漂亮的報表供你做性能分析。

原创 MXtrans + InfluxDB + Grafana實現Kafka性能指標監控

MXtrans + InfluxDB + Grafana實現Kafka性能指標監控 架構 一般系統監控通常分爲3部分: 數據採集 分析與轉換 展現(可視化) 數據採集 對於前端應用,一般需要埋點,對用戶的行爲進行

原创 SVG 研究之路 - 再談 defs

在前面的 SVG 研究之路裡,不斷看到 defs 這個元素的身影,從顏色的填充、線段的圖案、濾鏡的定義...等許多的效果,都必須使用 defs 來定義,因此就直接寫了這篇關於 defs 的文章,也把這個常見但用法又時常不同的元素,一次做一

原创 安裝ElasticSearch 6.1.1 head插件

http://blog.csdn.net/chengyuqiang/article/details/78838175(主) http://www.mamicode.com/info-detail-2143248.html(輔助)

原创 關於D3.js 力導向圖V3和V4節點固定

記錄一點碰到的問題和解決方案。感覺國內關於D3.js 4.0版本的相關資料還是少。 力導向圖佈局 D3一種佈局的方式,可以將你nodes links的節點數據轉換成可以繪製的座標點數據,然後通過svg展現出來,畫拓撲圖中用到。 通過fix

原创 【 D3.js 進階系列 — 2.1 】 力學圖的事件 + 頂點的固定

【 D3.js 進階系列 — 2.1 】 力學圖的事件 + 頂點的固定 發表於2014/11/08 本章討論在力學圖中常用到的事件( Event ),然後對【進階 – 第 2.0 章】的人物關係圖進行改進,使用戶能夠固定拖

原创 【55種開源數據可視化工具簡介】

http://blog.csdn.net/tianxuzhang/article/details/44925777 大數據時代數據可視化成爲理解和表達數據的有效甚至是唯一的手段。 工慾善其事必先利其器,本文對55個流行的數據可視化工

原创 D3.js — 思維導圖

http://www.lai18.com/content/508828.html 思維導圖的節點具有層級關係和隸屬關係,很像枝葉從樹幹伸展開來的形狀。在前面講解佈局的時候,提到有五個佈局是由層級佈局擴展來的,其中的樹狀圖(tree lay

原创 fastjson把對象轉化成json避免$ref

DisableCircularReferenceDetect來禁止循環引用檢測: JSON.toJSONString(..., SerializerFeature.DisableCircularReferenceDetect) 當進行

原创 力導向圖之弧形箭頭連線

這個的細節我也不大明白,主要思路就是在一般的力導向圖上修改連線的path (1)創建三種連線的標記 //各自屬性是什麼意思?? svg.append("svg:defs").selectAll("marker") .data([

原创 Js操作數組和對象

http://monopocket.jp/blog/javascript/2137/ JavaScript でオブジェクトや配列をコピーする方法 オブジェクトのコピー – JavaScript 1 var object1