手机widgets制作html,widgets.html

- 小工具

今日收入

¥ 4,232

新消息

260

新专辑

12

¥ 210,660

月收入

项目年收入

¥ 50,992

半年收入

市场销售额

120

462

610

Beaut-zihan

前端工程师

612

离线

账户

Beaut-zihan

  • Email:

    497915773@qq.com

  • Address:

    上海市闵行区绿地科技岛广场A座2606室

  • Contact:

    (+020) 6780 3462

47

通知

我们检测到的错误。

520

喜欢

账户

安全

共10个问题

image

1分钟前

奔波儿灞

跑步呐,最重要的是要有动力

今天 09:02

image

5分钟前

灞波儿奔

V信已经提前恢复,也算是个好消息吧

11月7日 21:38

image

2小时前

奔波儿灞

是你对不对

11月8日 14:27

发送消息

12

消息

28

文章

15

评论

20

新闻

40

30

通知

20

专辑

40

群组

30

权限

奔波儿灞

image

CEO

内存

10/200 GB

带宽

20 GB

占用

73%

FTP

400 GB

任务列表

  • 开会

    1小时

  • 项目开发

    3小时

  • 修改bug

    2小时

Mini版任务列表

  • 开会

  • 项目开发

  • 修改bug

    1小时

世界地图

中国地图或者省份地图可使用百度前端团队提供的echarts.js。百度ECharts

$(document).ready(function () {

var d1 = [[1262304000000, 6], [1264982400000, 3057], [1267401600000, 20434], [1270080000000, 31982], [1272672000000, 26602], [1275350400000, 27826], [1277942400000, 24302], [1280620800000, 24237], [1283299200000, 21004], [1285891200000, 12144], [1288569600000, 10577], [1291161600000, 10295]];

var d2 = [[1262304000000, 5], [1264982400000, 200], [1267401600000, 1605], [1270080000000, 6129], [1272672000000, 11643], [1275350400000, 19055], [1277942400000, 30062], [1280620800000, 39197], [1283299200000, 37000], [1285891200000, 27000], [1288569600000, 21000], [1291161600000, 17000]];

var data1 = [

{

label: "Data 1",

data: d1,

color: '#17a084'

},

{

label: "Data 2",

data: d2,

color: '#127e68'

}

];

$.plot($("#flot-chart1"), data1, {

xaxis: {

tickDecimals: 0

},

series: {

lines: {

show: true,

fill: true,

fillColor: {

colors: [{

opacity: 1

}, {

opacity: 1

}]

},

},

points: {

width: 0.1,

show: false

},

},

grid: {

show: false,

borderWidth: 0

},

legend: {

show: false,

}

});

var data2 = [

{

label: "Data 1",

data: d1,

color: '#19a0a1'

}

];

$.plot($("#flot-chart2"), data2, {

xaxis: {

tickDecimals: 0

},

series: {

lines: {

show: true,

fill: true,

fillColor: {

colors: [{

opacity: 1

}, {

opacity: 1

}]

},

},

points: {

width: 0.1,

show: false

},

},

grid: {

show: false,

borderWidth: 0

},

legend: {

show: false,

}

});

var data3 = [

{

label: "Data 1",

data: d1,

color: '#fbbe7b'

},

{

label: "Data 2",

data: d2,

color: '#f8ac59'

}

];

$.plot($("#flot-chart3"), data3, {

xaxis: {

tickDecimals: 0

},

series: {

lines: {

show: true,

fill: true,

fillColor: {

colors: [{

opacity: 1

}, {

opacity: 1

}]

},

},

points: {

width: 0.1,

show: false

},

},

grid: {

show: false,

borderWidth: 0

},

legend: {

show: false,

}

});

$('.i-checks').iCheck({

checkboxClass: 'icheckbox_square-green',

radioClass: 'iradio_square-green',

});

$(".todo-list").sortable({

placeholder: "sort-highlight",

handle: ".handle",

forcePlaceholderSize: true,

zIndex: 999999

}).disableSelection();;

var mapData = {

"US": 498,

"SA": 200,

"CA": 1300,

"DE": 220,

"FR": 540,

"CN": 120,

"AU": 760,

"BR": 550,

"IN": 200,

"GB": 120,

"RU": 2000

};

$('#world-map').vectorMap({

map: 'world_mill_en',

backgroundColor: "transparent",

regionStyle: {

initial: {

fill: '#e4e4e4',

"fill-opacity": 1,

stroke: 'none',

"stroke-width": 0,

"stroke-opacity": 0

}

},

series: {

regions: [{

values: mapData,

scale: ["#1ab394", "#22d6b1"],

normalizeFunction: 'polynomial'

}]

},

});

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值