web动态折线图_PowerBI作图技巧:折线图突出标识特定数据

5cda4c7a1da7c703f5cbbc2c1a41a8c4.png

某种情况下,我们需要将图表中特定时期、或者特定数据点进行突出标记出来,比如标识周末的数据,观察与其他的数据有没有异常。

在Excel中可以通过辅助列来完成,在PowerBI中我们可以通过DAX来实现。


以折线图为例,标识出周末的销售金额,以垂直阴影显示出来,下面是作图步骤.

1,为日期表添加周末标记

新建列,

周末 = IF('日期表'[星期]>5,"Y")

7ba7db54d5e8e6506c1f2d6b8e1669e8.png

2,创建度量值,只显示周末数据点

周末标记 =

IF(SELECTEDVALUE('日期表'[周末])="Y",

     MAXX(

        ALLSELECTED('日期表'[日期]),

        [销售金额]

      )

)

为了能动态显示阴影的高度,以所选时间段的最高值为依据。

3,利用折现和柱形组合图

PowerBI中有两个组合图,都可以,任意选择一个,把销售金额放在【行】中,生成折线图,第二步创建的度量值“周末标记”放在列上,会生成柱形图,

6fcdb1b0f2ebd0885b750ac95b3a3e0e.png

效果如下,

c6439f8cde486800e6a7be0ff3f8f900.png

web地址:  https://dwz.cn/ZITbyUKU

这样就清晰的显示出了周末数据,并且选择不同的时间段可以动态展示。

这里举的是周末的例子,当然还可以标记节假日、促销日等,都可以利用第一个步骤,在日期表中进行特定的标注来实现。

/推荐阅读/

01 报表布局技巧:折叠切片器,拯救有限的空间

02 PowerBI技巧:两步实现红绿灯、箭头效果

03 作图技巧:在走势图上标注最大值、最小值…

加入知识星球,更多资源分享,问题随时答疑。

2b10e9b2aa7b996e8113fb4d2b1a40b6.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将 `data2` 作为 Echarts 折线图数据源,并使用 `data1` 中的中文名称作为图例显示,可以按照以下步骤进行操作: 1. 安装 Echarts: ```bash npm install echarts --save ``` 2. 在 Vue 的模板中,使用 `echarts` 组件来显示折线图: ```html <template> <div> <div ref="chart" style="width: 600px; height: 400px;"></div> </div> </template> ``` 3. 在 Vue 的 JavaScript 代码中,引入 `echarts` 并定义折线图的配置和数据: ```javascript <script> import echarts from 'echarts'; export default { mounted() { this.initChart(); }, methods: { initChart() { const chart = echarts.init(this.$refs.chart); const xAxisData = data2.map(item => item.time); const seriesData = []; for (let i = 1; i < data1.length; i++) { const fieldName = data1[i].field; const series = { name: data1[i].name, type: 'line', data: data2.map(item => item[fieldName]) }; seriesData.push(series); } const option = { legend: { data: data1.slice(1).map(item => item.name) }, xAxis: { type: 'category', data: xAxisData }, yAxis: { type: 'value' }, series: seriesData }; chart.setOption(option); } } }; </script> ``` 在上述代码中,我们首先引入 `echarts` 库,并在 `mounted` 钩子函数中调用 `initChart` 方法来初始化折线图。 在 `initChart` 方法中,我们首先通过 `map` 方法提取出 `data2` 中的时间作为 X 轴数据,然后遍历 `data1` 中的每个属性(除了时间),构建折线图数据系列。每个属性对应一个数据系列,其中 `name` 为属性的中文名称,`type` 设置为 `'line'` 表示折线图,`data` 使用 `map` 方法提取出 `data2` 中对应属性的值作为 Y 轴数据。 最后,我们定义了折线图的配置 `option`,其中设置了图例的数据为 `data1` 中除了时间之外的属性名称,并设置了 X 轴和 Y 轴的数据。 确保你已经引入了 Echarts 库,并将上述代码放置在正确的位置,就可以使用 `data2` 作为折线图数据源,并使用 `data1` 中的中文名称作为图例显示了。根据数据的不同属性,折线图将会显示相应的曲线。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值