請(qǐng)問(wèn)誰(shuí)知道哪種js庫(kù)提供自定義圖例功能?

1、xCharts 是一個(gè)使用 Djs 來(lái)構(gòu)建漂亮的可定制的數(shù)據(jù)驅(qū)動(dòng)的 JavaScript圖表庫(kù)，他使用HTML，CSS，SVG實(shí)現(xiàn)圖表，xCharts 被設(shè)計(jì)為一個(gè)動(dòng)態(tài)的、流暢的、開放的和可定制化的庫(kù)。

發(fā)展壯大離不開廣大客戶長(zhǎng)期以來(lái)的信賴與支持，我們將始終秉承“誠(chéng)信為本、服務(wù)至上”的服務(wù)理念，堅(jiān)持“二合一”的優(yōu)良服務(wù)模式，真誠(chéng)服務(wù)每家企業(yè)，認(rèn)真做好每個(gè)細(xì)節(jié)，不斷完善自我，成就企業(yè)，實(shí)現(xiàn)共贏。行業(yè)涉及混凝土攪拌罐車等，在重慶網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站、WAP手機(jī)網(wǎng)站、VI設(shè)計(jì)、軟件開發(fā)等項(xiàng)目上具有豐富的設(shè)計(jì)經(jīng)驗(yàn)。

2、Echarts 是百度開源的一個(gè)數(shù)據(jù)可視化 JS 庫(kù)。用 Echarts 生成的圖可視化效果非常棒， pyecharts 是為了與 Python 進(jìn)行對(duì)接，方便在 Python 中直接使用數(shù)據(jù)生成圖 。

3、JQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascript庫(kù)。它是輕量級(jí)的js庫(kù) ，它兼容CSS3，還兼容各種瀏覽器（IE 0+， FF 5+， Safari 0+， Opera 0+），jQuery0及后續(xù)版本將不再支持IE6/7/8瀏覽器。

4、例如，Unity 和 Unreal 提供了一種將對(duì)象渲染到屏幕上的方法，但也提供了大量其他功能，如網(wǎng)絡(luò)、物理等等。 然而，Three.js 的方法更受限制，不包括物理或網(wǎng)絡(luò)之類的東西。

5、我們已經(jīng)可以繪制出常用的柱狀圖等圖表，我們也可以通過(guò)d3提供的其他模塊繪制出更加復(fù)雜的可視化效果，例如通過(guò) d3-hierarchy(層級(jí)模塊) 實(shí)現(xiàn)層級(jí)樹圖可視化，d3-geo(地理投影) 實(shí)現(xiàn)地圖數(shù)據(jù)可視化等，本文講解的內(nèi)容還只是D3庫(kù)的冰山一角。

JavaScript/JQuery:這種比例圖叫什么名呢?有什么可用的圖形庫(kù)有這種圖標(biāo)...

Arbor.js 是一個(gè)利用 Web Works 和 jQuery創(chuàng)建的可視化圖形庫(kù)，它為圖形組織和屏幕刷新處理提供了一個(gè)高效的、力導(dǎo)向的布局算法。

uvCharts 是一個(gè)開源的 JavaScript 圖表庫(kù)，號(hào)稱有100多個(gè)自定義選項(xiàng)。它擁有12種不同的標(biāo)準(zhǔn)圖表類型，開箱即用。ECharts 基于 Canvas，純 JavaScript 圖表庫(kù)，提供直觀，生動(dòng)，可交互，可個(gè)性化定制的數(shù)據(jù)可視化圖表。

Highcharts是一個(gè)純JavaScript編寫的圖表庫(kù)，提供直觀的，交互式的圖表到您的網(wǎng)站或Web應(yīng)用程序。Highcharts目前支持線，樣條，面積，areaspline，柱，棒圖，餅圖，散點(diǎn)圖類型。

Gridster.js Gridster是一個(gè)jQuery插件，可以從跨多個(gè)列的元素構(gòu)建直觀的可拖拽布局。

它是輕量級(jí)的js庫(kù)(壓縮后只有21k) ，這是其它的js庫(kù)所不及的，它兼容CSS3，還兼容各種瀏覽器 （IE 0+， FF 5+， Safari 0+， Opera 0+）。

jQuery介紹 jQuery是繼prototype之后的又一個(gè)優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的，它有助于簡(jiǎn)化 Javascript 以及Ajax 編程，方便用戶在網(wǎng)頁(yè)上簡(jiǎn)單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁(yè)面添加Ajax交互。

我要做個(gè)這樣的圖表用jquery的什么插件能實(shí)現(xiàn)

其實(shí)這個(gè)特效實(shí)現(xiàn)起來(lái)并不難，使用輕量級(jí)HTML5插件jquery-drawsvg就可以實(shí)現(xiàn)了，jquery-drawsvg是一款輕量級(jí)的使用jQuery來(lái)繪制SVG圖形輪廓線路徑動(dòng)畫的插件。

能做出類似的，但如果要完全一樣，估計(jì)有難度。 比較好點(diǎn)的圖表插件有HighCharts和FusionCharts，還有一些其它的，你可以自己搜一下。

繪制一個(gè)簡(jiǎn)單的圖表 在繪圖前我們需要為 ECharts 準(zhǔn)備一個(gè)具備高寬的 DOM 容器。

jquery 插件就是一些人用jquery寫的一些工具，常見的是jquery UI和jquery easyui，我們?cè)谡{(diào)用時(shí)只需要用很少的代碼就能實(shí)現(xiàn)很好的效果。如easyui的datagrid、combobox、tree等可以實(shí)現(xiàn)表格、下拉框、樹等形狀及需要的操作。

）Twitter Bootstrap Bootstrap是最流行的HTML5框架之一。這是一款用于Web開發(fā)的時(shí)尚、直觀、強(qiáng)大的前端框架。它有著用于開發(fā)響應(yīng)式網(wǎng)站的所有組件，如12列響應(yīng)式網(wǎng)格、定制jQuery插件、bootstrap編輯器等等。

Jquery,Highcharts做的動(dòng)態(tài)圖表,點(diǎn)擊某個(gè)圖表如何改變圖表的顯示位置...

1、）tickInterval 刻度間隔。其作用和Lables.step類似，就是不顯示過(guò)多的x軸標(biāo)簽內(nèi)容，不同的是，tickInterval是真正意義上的調(diào)整刻度，而Lables.step只是調(diào)整Labels顯示間隔。所以在實(shí)際應(yīng)用中，tickInterval用的多。

2、步驟一：首先在面板中拖入內(nèi)聯(lián)框架，需要幾個(gè)圖表就放幾個(gè)，小編這里就只演示兩個(gè)啦~步驟二：打開Highchartsguan 網(wǎng)，選擇你需要的圖表類型，然后點(diǎn)擊編輯源代碼。

3、renderTo： container，plotBackgroundColor： null，plotBorderWidth： null，plotShadow： false }，設(shè)置plot**的幾項(xiàng)后，我想就不會(huì)有邊框了。參考這個(gè)demo中是沒有問(wèn)題的。

4、打開axure，并利用內(nèi)聯(lián)框架加載 添加鏈接--選中雙擊彈出鏈接屬性 HighCharts文件夾要跟生成的文件夾放在一起。 HighCharts文件夾 【說(shuō)明】利用excel設(shè)計(jì)統(tǒng)計(jì)圖表，這個(gè)是靜態(tài)的是不能修改的。

5、Highcharts 國(guó)外的產(chǎn)品，對(duì)標(biāo)的是Echarts，兩者用起來(lái)差不多，圖表種類也很豐富，不過(guò)和Echarts一樣都需要進(jìn)行二次開發(fā)，它的優(yōu)點(diǎn)是它有詳細(xì)的文檔，示例和詳細(xì)的CSS，產(chǎn)品穩(wěn)定性好，缺點(diǎn)是商用版付費(fèi)。

6、標(biāo)簽過(guò)長(zhǎng)時(shí)不要使用旋轉(zhuǎn)角度，而是用水平條形圖來(lái)表達(dá)，這個(gè)簡(jiǎn)單的技巧將確保用戶能夠更有效地觀看圖表。