溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jQuery Charts

發(fā)布時(shí)間：2020-07-25 10:17:11 來(lái)源：網(wǎng)絡(luò) 閱讀：730 作者：tutu2 欄目：web開發(fā)
Morris.js

jQuery Charts

Morris.js 是基于 jQuery 和 Raphaël 的輕量級(jí)矢量圖形庫(kù)，幫助開發(fā)人員輕松繪制各種形式的圖表。示例：

HTML:

?
<div id="myfirstchart"></div>

JavaScript：

newMorris.Line({
// ID of the element in which to draw the chart.
element: 'myfirstchart',
// Chart data records -- each entry in this array corresponds to a point on
// the chart.
data: [
{ year: '2008', value: 20 },
{ year: '2009', value: 10 },
{ year: '2010', value: 5 },
{ year: '2011', value: 5 },
{ year: '2012', value: 20 }
],
// The name of the data record attribute that contains x-values.
xkey: 'year',
// A list of names of data record attributes that contain y-values.
ykeys: ['value'],
// Labels for the ykeys -- will be displayed when you hover over the
// chart.
labels: ['Value']
});


效果展示


jQuery Org Chart

jQuery Charts

jQuery OrgChart 是一款用于呈現(xiàn)易于閱讀的嵌套元素的樹結(jié)構(gòu)插件。

Cytoscape.js

jQuery Charts

效果展示


													            

            
向AI問(wèn)一下細(xì)節(jié)

            
            

            

                
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

                
                
            

            
            
        

        
    




AI
助
手