爱彩乐内蒙古十一选五:Es6圖表插件zp-chart,類似于et

内蒙古十一选五的走势图百度乐彩网 www.cyiqh.com 所屬分類:UI-圖表

分享到微信朋友圈
X
Es6圖表插件zp-chart,類似于et ie兼容9

更新時間:2019-12-01 22:36:47

雖然不像echarts那像功能強大,但也是非常實用的,最主要體積非常小只有17K,調用也非常方便,歡迎大家使用。

現在只寫了折線圖和柱狀圖,后續會增加餅圖,環形圖等

var lineChartOptionArea = {
    title: "一周銷售額報表",
    xAxis: {
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '郵件營銷',
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'area', //line or area
    }, {
        name: '聯盟廣告',
        data: [920, 1032, 1001, 1034, 1390, 1430, 1420],
        type: 'area',
    }, {
        name: '視頻廣告',
        data: [620, 832, 800, 864, 1090, 1000, 1020],
        type: 'area',
    }]
};
var lineChartOption = {
    title: "一周銷售額報表",
    xAxis: {
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '郵件營銷',
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line', //line or area
    }, {
        name: '聯盟廣告',
        data: [920, 1032, 1001, 1034, 1390, 1430, 1420],
        type: 'line',
    }, {
        name: '視頻廣告',
        data: [620, 832, 800, 864, 1090, 1000, 1020],
        type: 'line',
    }]
};
//柱狀圖
new barChart("barChart", lineChartOption);
// 折線圖
new lineChart("lineChart", lineChartOption);
// 折線圖帶有區塊填充色
new lineChart("lineChartArea", lineChartOptionArea);
相關插件-圖表

JS餅狀圖效果

基于highcharts.js實現的餅狀圖效果,報表
  圖表
 33922  207

圖標控件 Flotr2-master

多種圖表設計,靈活簡單,附帶可運行實例。
  圖表
 39550  302

layui使用datatableajax請求json渲染數據

基于layui,datatable.js。將datatable擴展成可以使用layui的調用方式調用的插件。當然如果想單獨使用的話,將layui擴展去掉即可,可自行百度layui。
  圖表
 50722  228

jQuery表格奇偶行樣式插件tableUi.js

表格樣式包括默認樣式、滑入滑出樣式自定義,簡單實用。
  圖表
 18113  131

討論這個項目(0)回答他人問題或分享插件使用方法獎勵jQ幣 評論用戶自律公約

取消回復