首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    1.5 地图与散点图

    标题 在章节1.2中,我做了一张图来表示各类图表的功能性,其中地图和散点图(气泡象限图)我列在了视觉冲击力与数据丰富度最高的位置。...2 散点图 散点图是本人最钟爱的图表,其原因把它与象限结合,可以炮制出一个高度概括的战略图,使其视觉冲击力和数据丰富度倍增。比如Gartner公司在分析各类BI软件的优劣以及前景时所使用的魔力象限。...再比如我们可以把散点图配合波士顿矩阵来分析各类产品的市场地位和对应策略。 ?...2)与添加其他图表一样,添加散点图,X轴为【城市数量】,Y轴为【销售额】,图例为【年份月份】 3)在散点图的分析选项卡中可以添加一个走向线来表示整体趋势。 ?...散点图是表达两个变量之间的关系,这个例子中的城市数量与销售额散点图的意义是为了回答问题:咖啡销售额增长的原因可能是什么?是销售人员能力的增强、品牌认可度的增加还是单纯地因为分店数的扩张?

    1.8K31

    图表3 散点图

    3、图表3 散点图1.散点图的实现步骤步骤1 ECharts 最基本的代码结构<!...female", "height": 147.2, "weight": 49.8 },...此处省略...]1假设这个数据是从服务器获取到的, 数组中的每一个元素都包含3个维度的数据: 性别,身高,体重, 而散点图需要的数据是一个二维数组..., 所以我们需要将从服务器获取到的这部分数据,通过代码生成散点图需要的数据var axisData = []for (var i = 0; i < data.length; i++) { var height...type: 'value', scale: true }, series: [{ type: 'scatter', data: axisData, }]}最终的效果如下:图片2.散点图的常见效果气泡图效果要能够达到气泡图的效果...type: 'effectScatter', showEffectOn: 'emphasis', rippleEffect: { scale: 3 } }]}图片结合地图散点图也经常结合地图来进行地图区域的标注

    1.1K20

    散点图添加批注

    散点图以能够同时展现两个及以上指标著称,是常用的图表之一。Power BI内置的散点图只提供了基础的功能。比方如果想对数据进一步文字说明,内置图表则无能为力。...但是这种文本框的位置是固定的,无法实现下图这种动态展示,随着切片器变化而变化: xViz开发的第三方散点图可以满足我们的批注需求,并且强化了分析功能。...除了显示方式,字体格式等也可自定义设置: 再次点击右上角的按钮,进入Hide模式,可以隐藏所有批注: 可在本人微信视频号查看以上视频操作过程: 2.分析功能 ---- 除了批注功能,和内置散点图一样...,该图表还可以进行多样化的格式设置,并且具备进一步分析能力: 分析功能中的辅助线与内置散点图类似,在此不多介绍: 比较新颖的一个功能是色带,可以对数据进行分组: 在下图位置进行设置: 另外优于内置图表的一个特点是

    2.4K10

    有趣的散点图

    散点图是一种有用也有趣的图表,往往能够给我们提供意想不到的解决方案。本文并不讲解散点图的应用,而是通过几个使用散点图表现的图表,让我们更加了解这种图表类型。...下面的图1所示是几幅使用散点图制作的图表。 图1 我们来看看它们的制作过程,以及如何调整数据使其变换形状。 散点图的每个点由2个值确定:X坐标和Y坐标。...单击功能区“插入”选项卡“图表”组中“散点图——带直线的散点图”,在工作表中插入一个散点图,并调整为合适的格式。...Yplot,1) 此时,当你调整Points或Scale值时,散点图会相应呈现不同形状,如下图3所示。 图3 同样,我们可以创建其它形状的散点图,只需要调整相应的数据。如下图4所示。...图4 自己设计一些数据,尝试绘制散点图,可能会得到很多优美的图形来。 图5 据说,如果你有合适的数据,利用散点图,还可以制作出工程图来。有兴趣的朋友,可以试试,说不定会发现很多乐趣。

    2.9K10

    JavaScript进行数据可视化:D3.js入门

    D3.js是一个强大的JavaScript库,它允许开发者将数据转换为可交互的图形和图表。本文将为您介绍D3.js的基本概念、特点以及如何入门使用它进行数据可视化。D3.js简介什么是D3.js?...D3.js的核心是SVG(可缩放矢量图形),它允许开发者创建高质量的矢量图形。D3.js的特点数据绑定:D3.js允许将数据绑定到DOM元素上,这使得数据与视觉元素保持同步。...动态DOM更新:D3.js能够根据数据的变化动态地更新DOM结构,无需重新加载页面。丰富的可视化元素:D3.js支持多种图表类型,如条形图、散点图、饼图、树状图等。...交互性:D3.js支持多种交互功能,如缩放、拖动、点击事件等。D3.js核心选择器(Selections)D3.js 使用选择器来选择 DOM 元素,并对其进行操作。...D3.js进阶功能D3.js提供了丰富的功能和高级特性,包括但不限于:数据驱动DOM更新:D3.js允许根据数据的变化动态更新DOM元素。动画和过渡:D3.js支持在数据更新时添加动画和过渡效果。

    1.2K10
    领券