Я использую vega-lite для создания круговой диаграммы (на Airtable). У меня есть одна точка данных, которая является целью, установленной мной, и процент выполнения этой цели. Например, как показано ниже:
{
"Target": "Get 10 customers",
"Percentage complete": "60"
}
Я хотел бы сделать круговую диаграмму, которая будет заполнена на 60%, а остальная часть пуста. Подобно отображаемой интерактивной круговой диаграмме с одной дугой https://vega.github.io/vega-lite/docs/arc.html.
В настоящее время мой код выглядит так
{
"$schema": "https://vega.github.io/schema/vega-lite/v4.json",
"title": "Customer Acquired",
"width": "container",
"height": "container",
"data": {
"values": [
{
"Target": "Get 10 customers",
"Percentage complete": "60"
}
]},
"mark": {
"type": "arc",
"tooltip": true
},
"encoding": {
"theta": {
"field": "Percentage complete",
"type": "quantitative"
}
}
}
Моя круговая диаграмма в настоящее время выглядит так:
Я понимаю, что могу заставить круговую диаграмму выглядеть так, как я хочу, вручную установив свойство theta2 следующим образом
"mark": {
"type": "arc",
"tooltip": true,
"theta2": 3.5
}
Однако я не знаю, каким будет поле «Процент выполнения», и это значение может часто меняться, поэтому я бы предпочел не делать это вручную. Возможно ли это вообще с vega-lite?