精华内容
下载资源
问答
  • 例如,直接在折线图上显示数据的起点、终点以及最大值、最小值和日期(如下图),是不是更加直观一些呢?这是我们遇到的一个真实业务分析需求,今天分享方法给大家,希望对更多 Tableau 用户有所帮助!本期《举个...

    业务分析场景中,经常会用折线图来呈现一段时间的数据走势,通过鼠标悬停的方式可以查看每个数据点的具体值。

    但是,如果需要做工作数据汇报,能在折线图上直接显示出关键值。例如,直接在折线图上显示:数据的起点、终点以及最大值、最小值和日期(如下图),是不是更加直观一些呢?

    bc32d15b9142ec8959a7dcec6571a874.png

    这是我们遇到的一个真实业务分析需求,今天分享方法给大家,希望对更多 Tableau 用户有所帮助!

    152e51a6ed6a85bc18915676e29f37b9.png

    本期《举个栗子》,我们要给大家分享的 Tableau 技巧是:在折线图上显示关键值。

    具体步骤如下:

    1、创建视图

    打开 Tableau Desktop,连接“示例 – 超市”数据源,新建工作表。

    将维度“订单日期”拖放至列,并设置为精确日期;将度量“销售额”拖放至行,再将维度“订单日期”拖放至“筛选器”卡,选择日期范围,按需调整时间段,实现下图效果。

    ac7f647419c66755ff6de0bece3b14f8.png

    2、创建计算字段

    接着,需要创建几个计算字段。右键单击“数据”窗格空白处,在下拉菜单中选择:创建计算字段。➤ 计算字段:起点,键入函数:IF FIRST()=0 THEN SUM([销售额]) END

    3b9c101be90f54ca93cdcb0ba47204ae.png

    ➤ 计算字段:终点,键入函数:IF LAST()=0 THEN SUM([销售额]) END

    6d8d79a46bbbdf0d96d7c2f2a0547328.png

    ➤ 计算字段:最小值,键入函数:IF SUM(销售额) = WINDOW_MIN(SUM(销售额))THEN SUM(销售额)END

    6ac3773dec51e5299eda8fa1b9d32331.png

    ➤ 计算字段:最大值,键入函数:IF SUM(销售额) = WINDOW_MAX(SUM(销售额))THEN SUM(销售额)END

    c8b4982fb5441d209c4bdb549c835634.png

    创建完以上字段后,将度量“度量值”拖放至行,维度“度量名称”拖放至筛选器,在对话框中勾选以上四个字段。

    a0a1f76f09304cd5175fb0ff37fe2c6f.png

    接着,将“度量名称”拖放至“度量值”-“标记”卡的颜色中,将标记类型改为:形状,选择实心圆,右键单击右下角“164个null”,设置隐藏。

    d281e34bc31162a685bf2dda12ac6992.png

    右键单击行上的“度量值”胶囊,在下拉菜单中选择:双轴,右键单击右侧的轴,选择:同步轴,取消“显示标题”。

    82a7e90ec93ddc6deffc7d6b60d36a89.png

    3、设置标签

    按住 ctrl 同时选中订单日期、度量名称、度量值,将它们拖放至“度量值”-“标记”卡的标签中,将订单日期设置为:精确日期。

    最后,按需设置度量名称的颜色。单击“度量值”-“标记”卡的标签,设置字体:匹配标记颜色,实现如下效果。

    7a3c75e4e305eed1fae98168dc756020.png

    拓展练习

    以上只是查看销售额的趋势,数据粉还可以参考栗子,将销售额、利润、销售数量、平均价格等 KPI 参数化,实现如下效果。感兴趣的小伙伴一定要亲自动手尝试哦!

    b790ea1ea0ffa278b96a41c239aacea2.png

    本期的 Tableau 技巧,你 Get 到了吗?赶快试试看吧!

    下一期《举个栗子》,再会~

    fb91080c3d7013019c9e7296d71ef7fc.png
    文章部分信息来源于网络,如有侵权请告知!
    展开全文
  • 如果希望同一grid中展示不同数据类型的折线(1000或10%),那么展现出来的折线肯定显示差距很大,那么怎么让这两条折线显示效果差不多,之前的项目中碰到了这个问题 每条折线对应的是不同的数据组,即series的...

    如果希望在同一grid中展示不同数据类型的折线(1000或10%),那么展现出来的折线肯定显示差距很大,那么怎么让这两条折线显示效果差不多,在之前的项目中碰到了这个问题

    每条折线对应的是不同的数据组,即series的数据组,对每个数据组进行排序,求出最大值,然后将这些最大值放在一个数组里,分别填充到yAixs的max中,这样就互不影响,文字比较绕,直接上代码

    eg:

    for(var j in this.initVal) {
                        legendData.push(this.initVal[j]);
                        var i = 0;
                        var newSeriesData = [];
                        //遍历店铺汇总数据对象,对本地存储数据进行遍历,下拉框数组与本地数据匹配时                    
                        for(var k=0; k<$data.length;k++) {
                            var $obj = this.parameter.dataList.find(obj => {
                                return obj.label === this.initVal[j];
                            });
                            if($obj) {
                                var $key = $obj.key;
                                //店铺汇总数据对象里是对象,遍历这个对象
                                for(var _$key in $data[k]) {
                                    if(_$key === $key) {
                                        newSeriesData.push($data[k][$key]);
                                        i++;
                                    }
                                    seriesData[j] = newSeriesData;
                                }
                            }
                        }
                        var sd = JSON.parse(JSON.stringify(newSeriesData));
                        var max = sd.sort(function(a, b) { return b - a; })[0] + "";
                        max = (parseInt(max.substring(0, 1)) + 1) + arrPint(max.split(".")[0].length - 1)
                        yAxisData.push({
                            type: 'value',
                            max: max,
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: j == 0,
                                lineStyle: {
                                    color: '#CCC'
                                }
                            },
                            axisLabel: {
                                show: false
                            },
                            axisLine: {
                                lineStyle: {
                                    color: '#CCC'
                                }
                            },
                        })
    
                        series.push({
                            name: this.initVal[j],
                            type: 'line',
                            yAxisIndex: j,
                            data: seriesData[j],
                            itemStyle: {
                                normal: {
                                    color: colorList[j],
                                }
                            },
                            //                        showAllSymbol:true,
                        });
                    }

    这里yAixs不再是对象,而是数组,里面每一个索引对应一个max

    转载于:https://www.cnblogs.com/feijiediyimei/p/10063179.html

    展开全文
  • 就是比如要在折线图上固定显示10个点,刚开始数据点是不断往左边平移,当大于10个点时,第一个点会消失,第11个点补进来,依次类推,实现这种跟进式动态效果,求怎么实现这个功能;
  • 有个需求就是在折线图的每一个折点悬浮窗要显示几条不同的数据而且是跟x轴一样每个点不一样。。研究了一下。。有点坑。其实很简单,正常的思路来想 要想在悬浮窗显示数据 一般都会有线 才会有实时数据。。这里提...

    在项目开发需要中。有个需求就是在折线图的每一个折点上悬浮窗要显示几条不同的数据而且是跟x轴一样每个点不一样。。研究了一下。。有点坑。其实很简单,正常的思路来想 要想在悬浮窗显示数据 一般都会有线 才会有实时数据。。这里提一下series:data这个数据入口问题,

    问题解决就在data里面,那怎么弄呢,首先你要明白 data里面是可以json数组形式的比如官方API上的 name:”“, value:”“,等 value是echart识别折线图的KEY但是可能很多人不知道data里面可以自定义Key并且取出来,来看数据:

    {value:"0.0",真空抛料数:"301",影像抛料数:"30"},

    {value:"0.79",真空抛料数:"30",影像抛料数:"30",报警:["2018-05-19 02:00", "SystemLINE S16D4-1", "SystemLINE S16", 1, 3, 2, 5, 0]},

    {value:"0.08",真空抛料数:"30",影像抛料数:"30"},

    这里面value是线上的数据 其他的是我想在tooltip悬浮窗显示的实时数据,tooltip 设置:

    这里有个小问题 如果下边样式什么的不加可以直接显示但是 加上一点样式之后不知道为什么需要微调一线才会显示。。具体可以看一下params里面的具体数据格式。到这里问题基本解决了。

    展开全文
  • 一张折线图上对一年的时间序列数据进行建模。我有分类轴标签作为日期,但它是自动显示12个标签(日期)的x轴。我想把这个改为显示3或4个标签。你知道吗powerpoint本身上,此功能将位于格式轴--&gt;轴选项--...

    我在一张折线图上对一年的时间序列数据进行建模。我有分类轴标签作为日期,但它是自动显示12个标签(日期)的x轴。我想把这个改为显示3或4个标签。你知道吗

    在powerpoint本身上,此功能将位于格式轴--&gt;轴选项--&gt;标签--&gt;下,然后将“标签之间的间隔”从自动更改为“指定间隔单位”。我不知道如何在代码中做到这一点。你知道吗

    此外,了解如何将类别轴设置为日期轴也很有帮助。你知道吗def add_stock_chart(ppt,data, company, slide_num =0):

    # data is a series indexed by date -- dates are all written as 'Excel numbers'

    # company_name is a string of the company's ticker

    slide = ppt.slides[slide_num]

    chart_data = CategoryChartData()

    chart_data.categories = data.index.tolist()

    chart_data.add_series(str(company),tuple(data.values.tolist()))

    x, y, cx, cy = Inches(.403), Inches(5.33), Inches(2.22), Inches(1.3)

    chart = slide.shapes.add_chart(

    XL_CHART_TYPE.LINE, x, y, cx, cy, chart_data

    ).chart

    chart.font.size = Pt(8)

    chart.font.name = 'Arial'

    date_axis = chart.category_axis

    date_axis.tick_labels.number_format = 'mmm-yy'

    date_axis.major_unit = 90

    chart.has_legend = False

    chart.show_legend_key = False

    chart.has_title = False

    chart.series[0].smooth = True

    return ppt

    展开全文
  • 通常在在使用折线图描述数据的趋势时,前一部分数据是真实数据,后一部分是预测数据,当需要同一条折线展示出来时,一般真实数据使用实线,预测数据使用虚线,如下图所示。本例以辅助列的方法实线这样一个前实后...
  • 基本,我们会同一图表中同时使用折线图、柱形图等来区别两个系列。此时,只需要调整“更改图表类型”即可。如下图所示:想将“总分”和“各科成绩”分别排版。按理说,这属于一个“系列”,好像分不出来,那怎么...
  • echarts折线图分段用不同颜色显示

    万次阅读 2017-09-08 10:11:02
    之前用echarts做折线图的时候,需要一条线段根据某个条件用两种颜色显示网上找到的解决方案都是series.data用两组数据模拟,由于我的数据是动态加载的,所以这种方法并不怎么可取,因此我就去官方文档找看有...
  • 接下来开始本期的问题,如何在折线图中设定上下阈限的颜色?首先呢,是模拟数据,如下图:开始思考问题,怎么判定这个数据的上下阈限?总得有一个可以比较的值吧!想到这里,白茶突然想起来,好像RANKX函数可以做到...
  • 最近做项目遇到了一个问题,项目组长要求echarts的正中间位置添加一 ...执行另外一个的charts.setoption的时候会造成echarts折线图卡顿,所以这种方法行不通, 所以请教大神有没有更好的方法,在线等。。。
  • 接下来开始本期的问题,如何在折线图中设定上下阈限的颜色? 首先呢,是模拟数据,如下图: 开始思考问题,怎么判定这个数据的上下阈限?总得有一个可以比较的值吧! 想到这里,白茶突然想起来,好像RANKX函数可以...
  • Ext图表上显示数据

    2015-09-14 21:14:47
    初学Ext,不知道怎么在图表上显示数据,比如折线图。百度了半天,都没找到答案,折腾了半天,终于找到啦。写下来记录一下。直接贴代码: 关键是: label:{ display:’over’, field:’data1’, renderer: ...
  • 这个信息过度传播的时代,老板已经不再有耐心看表格里长篇大论的数据,而图表凭借它生动形象、直观易懂的特点...现在需要柱形图上显示销售数据的平均线,并让大于平均值和小于平均值的数据显示不同的颜色。并且...
  • 打开软件,选择XY,按照下图新建折线图:输入数据:得到下图所示折线图:双击折线图,进入Format Graph→Show symbols→显示数据点:线颜色:双击其中一条折线图→Format Graph→Show connecting line/cu...
  • 现在折线的点都一个位置始终居中,想咨询怎么把每个折线点平移到对应的柱状图上。 就是一个分组中有分类 分类里有两个类别 第一个折线在第1,3,5的柱状图中心位置 第二条折线在2,4,6的柱状图中心位置 谢谢 ...
  • 折线图折线图最为统计图中很常见的一类图,它的特点是可以显示随时间而变化的连续数据,因此每个数据点都有一个相应的X轴值和Y轴值,所以我们用graphpad做折线图在数据表类型的选择一般选XY图(XY graphs)。...
  • ``` if(typeof(xiansu) != "undefined" && xiansu !...//因为数据很多,连线只有说 循环中 下一个点的X 等于一个点的X ;下一个点的y等于一个点的y;就把所有的数据连起来长就是一条折线了。 ```
  • 嗨,各位木友好呀!我是装P编辑部的拾二。最近我在Bribbble摸鱼学习...不慌,我手把手示范给大伙儿看看怎么在PPT做出这些数据图表~质感折线图首先我们来看第一张图表:分析一下,这张图表其实是一个由【折线图】和...
  • 场景: 折线图上有多个信号,每个信号都需要显示在自己的Y轴上。如何屏幕的右侧显示每个信号的基本统计值?这里有为每个信号计算基本数据: 最小值,最大值,平均值。 | |Signal 3..................................
  • Ecxel简单计算及绘图从今天开始,我们进入了一个全新的模块,Excel这是一个非常强大的工具,虽然我们日常中只单纯的将它用作统计用的图标,但事实它的功能远远不止这些,甚至它不仅可以很清晰的显示数据,还...
  • 2019-06-12怎么判断曲线走势用折线图,每种产品是一组数据在图上显示四条折线,x轴是周数,y轴是不良率,最后再平滑折线,具体可以看下附件里的excel文件 1。选择需要生成折线图数据,然后点击插入--拆线图--...
  • 场景: 折线图上有多个信号,每个信号都需要显示在自己的Y轴上。如何屏幕的右侧显示每个信号的基本统计值?这里有为每个信号计算基本数据: 最小值,最大值,平均值。 | |Signal 3................................
  • 举个折线图的例子:plot用于绘制折线图用数组绘图:添加文本:图发生了中文乱码问题,怎么解决呢?重启Jupyter Notebook之后,中文就可以显示啦!创建画板绘制多图:三、如何使用Pandas绘图?pandas自带的绘图包是...
  • 折线图折线图最为统计图中很常见的一类图,它的特点是可以显示随时间而变化的连续数据,因此每个数据点都有一个相应的X轴值和Y轴值,所以我们用graphpad做折线图在数据表类型的选择一般选XY图(XY graphs)。...
  • 然后会调用接口拿到一个点的数据(只有横坐标),要在折线图上把这个点表示出来,并显示数据(tooltip)。先看看本宝宝用chart.js画的效果图:怎么样,还是蛮漂亮的吧?几乎原原本本地达到了UI师的设计稿。废话不...
  • 数据运营思维导图

    2018-04-26 14:24:22
    1、[大盘数据]用户及收入表格+折线图 注册用户(今天、昨日、近3天、近7日、近30天、全部) 新增用户、付费用户、充值总额 2、同时在线趋势折线图 在线人数一向是游戏火热程度的最好衡量 需要有同期对比功能,...
  • 2019数据运营思维导图

    2019-03-29 21:34:09
    数据运营 作用&意义 知错能改,善莫大焉 —错哪里,数据分析告诉你 运筹帷幄,决胜千里 —怎么做好“运筹”,数据分析告诉你 以往鉴来,未卜先知 —怎么发现历史的规律以预测未来,数据分析告诉你 工作思维 对业务...
  • 使用Microsoft SQL Server 2008 Reporting Services制作报表,折线图上显示一条平均数,希望这条线的后面显示这条线的数值怎么实现?要是用显示数据标签的话会每个点都显示太乱了。

空空如也

空空如也

1 2
收藏数 32
精华内容 12
关键字:

怎么在折线图上显示数据