首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

微信小程序1

index页面(经build后,会在dist目录下pages目录生成index.js、index.json、index.wxmlindex.wxss文件) | | └── other.wpy...other页面(经build后,会在dist目录下pages目录生成other.js、other.json、other.wxmlother.wxss文件) | └── app.wpy...小程序配置项(全局数据、样式、声明钩子等;经build后,会在dist目录下生成app.js、app.jsonapp.wxss文件) └── package.json...导出模块按钮菜单配置选项组 noData:没有数据,没有数据时显示内容 pane:分块,针对仪表雷达专用配置,主要设置弧度及背景色 plotOptions:针对不同类型图表配置 series...} Element: {SVG 元素} Highcharts: {命名空间} Legend: {图例} Point: {数据点} Renderer: {绘图工具} Series: {数据列} 补充了这位作者效果

2.1K30

创意玫瑰(Rose chart)

▽▼▽ 这种图表形似玫瑰,故而得名,其效果与我们常用,圆环雷达类似。...但是作为一个专注于数据可视化分享平台,小魔方觉得有必要跟大家介绍一下玫瑰在excel中实现方式。...8个数据平均分布在360度空间里,每个数据平均占据45度扇区。 每一个扇区起始角度如上图所示。数据错位排列是为了生成图表不同扇区自动套用不同颜色。...选中黑色框线内数据区域(包含左侧每组数据起始角度) 插入雷达——填充雷达——第二个雷达图样式 删除横纵轴轴标签,去掉图例、网格线图表标题 调出每个扇区数据标签(因为原数据错位排列,这里起始是有...最后修改字体,改变颜色为白色,一个完整玫瑰制作完成了。如果你数据有真是的业务背景和数据来源,一定要完善标题、副标题、数据源等元素,这里仅仅是展示步骤,忽略掉这些内容了。

2.2K100
您找到你想要的搜索结果了吗?
是的
没有找到

MIT大神写给女神Q版Python画图库—Cutecharts【技术创作101训练营】

还记得那是一个月黑风高晚上,一位女同事让我给他讲解数据分析结果时候,我默默用python画了下面这张。...[mat1.png] 依稀记得女同事看了之后,立刻转身离去,并留下了一句”哼,臭屌丝“,留下懵逼我凌乱在风中。...凌乱我对这张图左看、右看、上看、下看,终于明白在不懂技术妹子眼中,这种正经图表简直就是屌丝象征。...cutecharts是由麻省理工学院大神们改写一款萌萌哒可视化工具,下面就来看一下如何用萌萌哒图表征服你心爱妹子。...HTML文件 pie_radius().render() # 生成notebook显示 pie_radius().render_notebook() 结果 [cute4.png] 雷达使用 函数:cutecharts.charts.Radar

1.1K82

精选30个炫酷数据可视化大屏(含源码),拿走就用!

大家好,我是小F~ 大屏数据可视化是以大屏为主要展示载体数据可视化设计。 “大面积、炫酷动效、丰富色彩”,大屏易在观感上给人留下震撼印象,便于营造某些独特氛围、打造仪式感。...主要图表:柱状、折线图、饼、地图等。 03 服务大数据可视化监管平台 由多个不同图表组合而成,且图表带有动画效果。 主要图表:树形面积、柱状、环形雷达等。...主要图表:柱状、折线图、曲线面积、地图、雷达、环形等。 10 无线网络大数据平台 较如今设计,算是比较老旧。 主要图表:柱状、环形、折线图、地图等。...11 Echart图例使用 Echarts是一个使用JavaScript实现开源可视化库,涵盖各行业图表,满足各种需求。 主要图表雷达、地图、饼、柱状等。...14 设备大数据 这个大屏简单一些,信息不是很多。 主要图表:饼、柱状、折线图等。 15 游戏数据大屏 一个游戏运营数据看板。 主要图表:柱状、曲线图等。

23.7K7913

MIT大神写给女神Q版Python画图库—Cutecharts

引 言 还记得那是一个月黑风高晚上,一位女同事让我给他讲解数据分析结果时候,我默默用python画了下面这张。 ?...依稀记得女同事看了之后,立刻转身离去,并留下了一句”哼,臭屌丝“,留下懵逼我凌乱在风中。 凌乱我对这张图左看、右看、上看、下看,终于明白在不懂技术妹子眼中,这种正经图表简直就是屌丝象征。...cutecharts是由麻省理工学院大神们改写一款萌萌哒可视化工具,下面就来看一下如何用萌萌哒图表征服你心爱妹子。...inner_radius: float = 0.5 Pie 半径 legend_pos: str = "upLeft" 图例位置,有 "upLeft", "upRight", "downLeft",...05 雷达使用 函数: cutecharts.charts.Radar 设置项: cutecharts.charts.Radar.set_options 参数(设置项) labels: Iterable

49920

创意雷达(Round Rador Chart)

大家都看到了以上图表其实是一个包含三个序列数据雷达三个序列数据圆环(背景序列)结合。...首先还是选中ABCD四列数据(可以包含第一行标签数据) 然后插入图表雷达——填充雷达 默认图表输出中,B、C两列数据由于数值较小,所以被C列数据遮挡了,我们需要调出选择数据选项,然后调整三个数据序列顺序...同时将底层那个D序列(合计序列)填充色修改成一个半透明颜色(否则会影响之后背景色显示) 然后再次打开选择数据选项卡,连续添加三次(E、F、G列数据) 表面上看的话图表没啥变化,确定,因为添加三个序列数据默认也是雷达...看吧,现在雷达&圆环已经快成功了, 剩下剩局部修饰了。 打开数据序列格式设置选项卡,将坐标轴线条颜色设置为白色。将其中所有的文字设置成微软雅黑字体、字母及数字设置成arial字体。...最后记得把图例里面的差、中、优三个图例删除掉,因为是做背景并非我们将要展示目标数据。

3.3K50

【To B管理端】图表设计指南

03 图表使用场景 我们在上图中可以获知,适用于比较图表有柱状、条形、折线图、雷达等,这些图表往往对单个变量或者多个变量之间数值大小进行比较,或者呈现变量增减趋势等。...06 X、Y轴坐标刻度 由于空间限制,轴标签一般情况下不适合过长文案,可以适当限制标签文案显示个数,或改变显示角度(一般在0~90度之间)以节省空间,但需要遵循从左到右阅读习惯。...07 单个数据点多个数据点 5.4 图例 图例由视觉标记和文字标签组成,视觉标记一般在颜色上与图表中数据序列相对应,而文字标签则指数据序列类型。...08 图例交互 09 当图例数较多时换行显示 5.5 基线 基线分为顶部基线底部基线,分别表示数值范围上限、下限,所有数据超过基线数据不显示。...11 参考线 5.7 栅格 为了方便用户对图表数据进行阅读,有时候也会在图表区使用栅格做辅助,常见有点状、线状斑马线等。一般来说,横向栅格增强水平方向引导,纵向栅格则增强垂直方向引导。

1.6K21

【To B管理端】图表设计指南

03 图表使用场景 我们在上图中可以获知,适用于比较图表有柱状、条形、折线图、雷达等,这些图表往往对单个变量或者多个变量之间数值大小进行比较,或者呈现变量增减趋势等。...06 X、Y轴坐标刻度 由于空间限制,轴标签一般情况下不适合过长文案,可以适当限制标签文案显示个数,或改变显示角度(一般在0~90度之间)以节省空间,但需要遵循从左到右阅读习惯。...07 单个数据点多个数据点 5.4 图例 图例由视觉标记和文字标签组成,视觉标记一般在颜色上与图表中数据序列相对应,而文字标签则指数据序列类型。...09 当图例数较多时换行显示 5.5 基线 基线分为顶部基线底部基线,分别表示数值范围上限、下限,所有数据超过基线数据不显示。...11 参考线 5.7 栅格 为了方便用户对图表数据进行阅读,有时候也会在图表区使用栅格做辅助,常见有点状、线状斑马线等。一般来说,横向栅格增强水平方向引导,纵向栅格则增强垂直方向引导。

2.1K21

利用Python绘图可视化(长文慎入)

3、调整subplot周围间距 默认情况下,matplotlib会在subplot外围留下一定边距,并在subplot之间留下一定间距。...要组装一张图表,你得用它各种基础组件才行:数据显示(即图表类型:线型、柱状、盒形、散布、等值线图等)、图例、标题、刻度标签以及其他注解型信息。...10、线型 SeriesDataFrame都有一个用于生成各类图表plot方法。默认情况下,它们所生成是线型: ? ? 该Series对象索引会被传给matplotlib,并用以绘制X轴。...DataFrameplot方法会在一个subplot中为各列绘制一条线,并自动创建图例,如下所示: ?...于是,开发方向变成了实现数据分析准备工具(如pandas)与Web浏览器之间更为紧密集成。

8.4K70

手绘风格 JS 图表库:Chart.xkcd

那下面跟着 HelloGitHub 发起《讲解开源项目》[1]教程一起学习、上手使用起来吧!...xLabel:图表 x 标签 yLabel:图表 y 标签 data:需要可视化数据 options:自定义设置 三、图表类型 Chart.xkcd 支持多样图表类型,下面将逐一讲解实现:...折线图、XY 、条形、圆饼/甜甜圈雷达,实现示例代码完整可运行、注释完整、包含参数说明。...:禁用 xkcd 效果(默认为 false) 效果展示 3.5 雷达 雷达(Radar Chart)又被叫做蜘蛛网,适用于显示三个或更多维度变量。...雷达是以在同一点开始轴上显示三个或更多个变量二维图表形式来显示多元数据方法,其中轴相对位置和角度通常是无意义

2.4K20

【数据可视化】Echarts中其它图表

绘制雷达、词云图矩形树 雷达(Radar)又称戴布拉、蜘蛛网、蜘蛛,适用于显示3个或更多维度变量,如学生各科成绩分析。...为了更直观地查看各教育阶段男女人数统计、浏览器占比变化、某软件性能、全球编程语言TIOBE排名、客户人数等数据,需要在ECharts中绘制基本雷达、复杂雷达、多雷达、词云图矩形树进行展示。...雷达不仅对于查看哪些变量具有相似的值、变量之间是否有异常值有效,而且可用于查看哪些变量在数据集内得分较高或较低。此外,雷达也常用于排名、评估、评论等数据展示。...由前面介绍雷达、词云图矩形树可知,一个雷达包含多边形数量是有限,当有5个以上要评估事物时,无论是轮廓还是填充区域,都会产生覆盖混乱,使得数据难以阅读。...同时,当雷达变量过多时,将会产生过多轴,从而使图表变得混乱。因此,需要保持雷达简单并限制其变量数量。

11910

雷达4种绘制方法,你更喜欢哪个?

雷达是通过多个离散属性比较对象最直观工具,掌握绘制雷达方法将会为生活工作带来乐趣。...本文通过Excel、PowerBIPython分别绘制雷达,其中比较有意思是在PowerBI里运行Python代码,绘制雷达。下面我们就来一起学习吧。...方法一 Excel绘制 最简单方法便是使用Excel绘制雷达,绘图步骤如下图所示,选中数据,插入图表,由于雷达不是最常用图表,需要展开所有图表才能找到,展开方式如下图所示。 ?...选择结束后,跟其他图表一样了,调整格式即可,如颜色、图例排布,字体大小等等,结果如下。 ?...OK,今天介绍到这里,大家可以根据自己特长或者爱好选择适合自己绘图方法。 当然,肯定不限于小编所列举这几中方法,还有很多其他绘制雷达方法,大家都可以去尝试。欢迎小编联系,一起探讨学习。

5.5K30

大家很喜欢用可视化神器——Pyecharts|可视化系列07

pyecharts囊括了30+常用图表类型,而且对于表格展示、图像显示也有对应接口,除了输出html外,支持主流notebook环境图表显示,还能很方便地Flask、Django等Python前端框架集成...所以写法为:title_opts=opts.TitleOpts(title="主标题");•legend_opts:图例配置项,可以控制是否显示图例图例相对位置、图例每项之间间隔等属性,对应封装为LegendOpts...图形画布宽度、背景色、使用主题等会在初始化图表时配置,称作InitOpts,也就是写在Bar()里,而不是传进set_global_opts。...add()添加序列数据,基本上我们绘制雷达各类别是分类变量(例如上图中Mon....复合图表 层叠不同类型、一行多等排版对于pyecharts是基本操作。 通过b.overlap(a)将a叠加到b类型图上,且他们会共用一套坐标系。

2.3K21

python可视化神器——pyecharts库

pyecharts 是一个用于生成 Echarts 图表类库。Echarts 是百度开源一个数据可视化 JS 库。...用 Echarts 生成可视化效果非常棒,pyecharts 是为了与 Python 进行对接,方便在 Python 中直接使用数据生成。...,用于添加图表数据设置各种配置项 render() 默认将会在根目录下生成一个 render.html 文件,文件用浏览器打开。...(Line、Bar、Scatter、EffectScatter、Kline、Boxplot) legend:图例组件。图例组件展现了不同系列标记(symbol),颜色名字。...Polar(极坐标系) Radar(雷达) Sankey(桑基) Scatter(散点图) Scatter3D(3D 散点图) ThemeRiver(主题河流) TreeMap(矩形树) WordCloud

4.2K50

数据可视化-echarts入门、常见图表案例及项目案例

支持折线图(区域)、柱状(条状)、散点图(气泡)、K线图、饼(环形)、雷达(填充雷达 )、和弦、力导向布局、地图、仪表盘、漏斗、事件河流等12类图表,同时提供标题,详情气泡、图例...、值域、数据区域、时间轴、工具箱等7个可交 互组件,支持多图表、组件联动混搭展现。...5.无障碍访问(4.0+),能够支持自动根据图表配置项智能生成描述,使得盲人可以在朗读设备帮助下了解图表内容,让图表可以被更多人群访问!...,还有用于BI漏斗,仪表盘,并且支持之间混搭动态数据ECharts由数据驱动,数据改变驱动图表展现改变。...因此动态数据实现也变得异常简单,只需获取数据,填入数据,ECharts会找到两组数据之间差异然后通过合适动画去表现数据变化。移动端优化流量珍贵移动端需要图表体积尽量小。

1K30

echatrs名词解析

五、名词解析基本名词名词 描述chart 是指一个完整图表,如折线图,饼等“基本”图表类型或由基本图表组合而成“混搭”图表,可能包括坐标轴、图例等axis 直角坐标系中一个坐标轴...legend 图例,表述数据图形关联dataRange 值域选择,常用于展现地域数据时选择值域范围dataZoom 数据区域缩放,常用于展现大量数据时选择可视范围roamController...series 数据系列,一个图表可能包含多个系列,每一个系列可能包含多个数据图表名词名词 描述line 折线图,堆积折线图,区域,堆积区域。...饼支持两种(半径、面积)南丁格尔玫瑰模式。radar 雷达,填充雷达。高维度数据展现常用图表。chord 和弦。...用于展示树形数据结构各节点层级关系wordCloud 词云。词云是关键词视觉化描述,用于汇总用户生成标签或一个网站文字内容

64630
领券