![](/img/trans.png)
[英]Vega-lite: Change order of stacks in a stacked bar chart and ignore negative value
[英]Remove empty values from grouped bar chart in Vega-lite
使用 Vega-lite 我正在創建一個分組條形圖,其中學校按 x 軸上的Size
字符串變量分組。 Y 軸是定量的。 我幾乎可以使用它,但目前每個組都在每個學校的 x 軸上包括一個點,包括不在該組中的那些,因此不顯示任何數據。 例如:
我如何確保學校只出現在它們所屬的類別中? 除了我在網上發現的一個例子外,使用舊版本的 Vega-lite 做這類事情並試圖對它們進行逆向工程是徒勞的。
var barGroupCreate = {
$schema: "https://vega.github.io/schema/vega-lite/v5.json",
data: { values: toolData },
config: { view: { stroke: "transparent" }, axis: { domainWidth: 1 } },
spacing: { column: 10 },
facet: {
column: {
field: "Size",
type: "nominal",
header: { orient: "bottom" },
},
},
spec: {
width: { step: 12 },
mark: "bar",
encoding: {
y: {
aggregate: "sum",
field: "Contact Hours (Total)",
title: "Contact Hours",
axis: { grid: false },
},
x: { field: "Name", axis: null },
color: {
field: "Size",
scale: {
range: [
"#002D74",
"#F26852",
"#2A7DE1",
"#FFD100",
"#00A9C5",
"#3A4A9F",
],
},
},
},
},
};
我的數據示例( toolData
):
"values": [
{
"Name": "Alamo",
"Contact Hours (Total)": 19930352,
"Size": "Very large",
},
{
"Name": "Alvin",
"Contact Hours (Total)": 2211352,
"Size": "Medium",
},
{
"Name": "Amarillo",
"Contact Hours (Total)": 4363650,
"Success Points (Total)": 16945,
"Size": "Large",
},
{
"Name": "Angelina",
"Contact Hours (Total)": 1983398,
"Size": "Medium",
},
{
"Name": "Austin",
"Contact Hours (Total)": 14027493,
"Size": "Very large",
},
{
"Name": "Blinn",
"Contact Hours (Total)": 7594730,
"Size": "Large",
},
您可以通過添加來做到這一點
resolve: {scale: {x: "independent"}}
在barGroupCreate
內。
更多信息請訪問https://vega.github.io/vega-lite/docs/facet.html#resolve
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.