直设计map.html页面,map4.html

饼图

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

var option = {

backgroundColor: '#2c343c',

title: {

text: 'Customized Pie',

left: 'center',

top: 20,

textStyle: {

color: '#ccc'

}

tooltip: {

trigger: 'item',

formatter: "{a}
{b} : {c} ({d}%)"

visualMap: {

show: false,

min: 80,

max: 600,

inRange: {

colorLightness: [0, 1]

}

series: [

{

name: '访问来源',

type: 'pie',

radius: '55%',

center: ['50%', '50%'],

data: [

{value: 335, name: '直接访问'},

{value: 310, name: '邮件营销'},

{value: 274, name: '联盟广告'},

{value: 235, name: '视频广告'},

{value: 400, name: '搜索引擎'}

].sort(function (a, b) {

return a.value - b.value;

}),

roseType: 'radius',

label: {

normal: {

textStyle: {

color: 'rgba(255, 255, 255, 0.3)'

}

labelLine: {

normal: {

lineStyle: {

color: 'rgba(255, 255, 255, 0.3)'

smooth: 0.2,

length: 10,

length2: 20

}

itemStyle: {

normal: {

color: '#c23531',

shadowBlur: 200,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

animationType: 'scale',

animationEasing: 'elasticOut',

animationDelay: function (idx) {

return Math.random() * 200;

}

]

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

一键复制

编辑

Web IDE

原始数据

按行查看

历史

直设计map.html页面,map4.html相关推荐

移动开发之设计稿转换页面单位尺寸
在写这篇文章之前,我询问了在唯品会和腾讯的童鞋.以及公司里面前端大神(深哥),对于设计稿切图的详细方法,经过对比验证,得出设计稿转换页面单位尺寸方法步骤.我分别询问下面四个问题: 1. 设计稿的单位是 ...
asp是什么文件？html和asp的区别？（HTML是客户端语言，主要用于创建静态网页；asp是服务器端语言，用于设计用户交互式页面或动态页面）
1.HTML是一种客户端语言,它允许Web浏览器解析并显示在标签之间写入的内容,允许把图像和对象嵌入到网页中.ASP是一种服务器端语言,这意味着写入的代码将被发送到服务器中,并根据要求执行的操作返回一 ...
显示外部页面_前端设计-响应式页面开发基础
随着终端设备类型的丰富,设备尺寸的型号也越来越多,如果实现前端页面在不同终端设备中,按照设备的尺寸型号进行自动布局,保证良好的人际交互体验效果,已经成为网页前端设计所需要考虑的问题,当前支持响应式开发 ...
中嵌套的页面如何操作父页面_UI设计中签到页面如何设计
签到,是一种人类行为上的规束,常常被用于一些会议和活动的中,经常被用来作为奖惩的依据.今天我就针对UI设计中签到页面如何设计进行简单的说明. 虚拟世界中的签到 – 从游戏签到,以领虚拟奖励,到购物节签 ...
html页面宽度和高度,页面布局宽度和高度网页设计合适的页面尺寸是多少
首先打开一篇文档,在功能区选择"布局". 在布局的页面设置功能区,点击页面设置右下角的小按钮打开详细设置.页面设置里面有设置纸张大小的快捷设置,但是功能不全. word页面高度和宽 ...
UI设计中签到页面如何设计
签到,是一种人类行为上的规束,常常被用于一些会议和活动的中,经常被用来作为奖惩的依据.今天我就针对UI设计中签到页面如何设计进行简单的说明. 虚拟世界中的签到 – 从游戏签到,以领虚拟奖励,到购物节签 ...
HTML5期末大作业：运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成
HTML5期末大作业:运动系列--NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成临近期末 ...
设计一个jsp页面，要求在网页上显示当前日期和时间，如果时间在6:00~12:00,输出“上午好”:如果时间在12:00 18:00, 输出“下午好”:
设计一个jsp页面,要求在网页上显示当前日期和时间,如果时间在6:00~12:00,输出"上午好":如果时间在12:00 18:00, 输出"下午好":如果时间 ...
UI设计中个人页面设计攻略
最近刚做完一个项目,我发现我的设计效率相比之前竟然提升了30%以上,在以前做界面时总是会纠结采用什么样式,什么布局.而现在再看了原型之后就大概知道我要怎么做了,没有了以前做页面时的纠结,效率自然提升了 ...

直设计map.html页面,map4.html

直设计map.html页面,map4.html相关推荐

最新文章

热门文章