通过筛选高亮显示筛选类别的值

我不是女神ヾ 2023-02-17 03:28 7阅读 0赞

![image.png][]  
制作步骤：  
首先，我们数据源至少要包含以下字段：  
1. 行列轴对应的值，类别值。  
![image.jpeg][]  
2. 然后我们要创建一个可以用做筛选器的参数**Choose a Product Line**。根据类别（Sub-Category)创建。  
![image.jpeg][image.jpeg 1]  
3. 接下来我们要创建一个映射到颜色上的字段，当类别筛选值的时候，就显示颜色，否则就显示灰色。其实就是相当于创建一个**T|F**。  
Highlighter = \[Sub-Category\]=\[Choose a Product Line\]  
![image.jpeg][image.jpeg 2]  
4. 把3中创建好的**Highlighter**字段拖放到颜色上，并将True设置为亮色，将False设置为灰色。  
这样做完虽然分色完成了，但是亮色对应的类别可能会被其他类别给遮盖住，这时就需要我们通过**Highlighter**字段排序把亮色对应的类别放到前面。这样选中的字段就跑到前面了。  
![image.jpeg][image.jpeg 3]  
做到这里会得到如下结果，其实已经可以结束了，但我们为了更加的完美，可以再多做一步，对筛选的高亮类别进行加粗（适合线图，柱形图类的就不需要了）。  
![image.jpeg][image.jpeg 4]  
5. 我们创建一个Size字段，该字段用于映射到大小标记中去。规则为：当是\*\*HighLighter1\*\*时为2，否则为1。这样，高亮字段会是非高亮字段的2倍粗。  
注意这里Size的度量要选择平均值。  
Size = **IF** \[Highlighter\] **then** 2 **else** 1  
**END**  
最后完成的结果如图。  
![image.jpeg][image.jpeg 5]

[image.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAxOS9wbmcvNjcxOTcwLzE1NzcyODA2NzEwNzctNDRkZWU4ZWMtZGYxYy00YWUyLWE4MDMtMWM2YTMyYjcwNTAyLnBuZw?x-oss-process=image/format,png#align=left&display=inline&height=1300&name=image.png&originHeight=1300&originWidth=1600&size=357816&status=done&style=none&width=1600
[image.jpeg]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAxOS9qcGVnLzY3MTk3MC8xNTc3MjgwNjc3MzY3LThmOGQwZTE3LTJmODUtNGM1Ny05NTc3LTllN2FiNDc1NTVhYy5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=1610&name=image.jpeg&originHeight=1610&originWidth=2446&size=918869&status=done&style=none&width=2446
[image.jpeg 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAxOS9qcGVnLzY3MTk3MC8xNTc3MjgwNjc2MzkyLWRjM2Q3OTA3LTg3YTktNDcwMS05Y2E4LTFmNThkMzRjMDYyMi5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=1230&name=image.jpeg&originHeight=1230&originWidth=1538&size=462587&status=done&style=none&width=1538
[image.jpeg 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAxOS9qcGVnLzY3MTk3MC8xNTc3MjgwNjcwNjA1LWFhYjdmOGZjLThhOTgtNDNjNy1iNWJkLTdmNzc0M2JlZjIwZi5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=702&name=image.jpeg&originHeight=702&originWidth=1364&size=68585&status=done&style=none&width=1364
[image.jpeg 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAxOS9qcGVnLzY3MTk3MC8xNTc3MjgwNjcxMTU3LWVlOTM4MDE1LTViMmUtNDA2YS1iZGMxLWM3MDBjNWY1YjYwZi5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=970&name=image.jpeg&originHeight=970&originWidth=1478&size=209969&status=done&style=none&width=1478
[image.jpeg 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAxOS9qcGVnLzY3MTk3MC8xNTc3MjgwNjcwNjg5LTNiYzg3Y2U5LTA4MDMtNGQzNi05MmNiLTk2MzJkMjRmYzczMy5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=513&name=image.jpeg&originHeight=513&originWidth=666&size=89232&status=done&style=none&width=666
[image.jpeg 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAxOS9qcGVnLzY3MTk3MC8xNTc3MjgwNjc2ODcwLTlhNTA2NmE5LWI0MDgtNGQ2Mi05YTg2LWY1OTJmN2YwNTRhMC5qcGVn?x-oss-process=image/format,png#align=left&display=inline&height=1632&name=image.jpeg&originHeight=1632&originWidth=2454&size=604471&status=done&style=none&width=2454