Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Svg Vega lite使用一个数据字段作为轴,另一个数据字段作为标签_Svg_Charts_Axis Labels_Vega_Vega Lite - Fatal编程技术网

Svg Vega lite使用一个数据字段作为轴,另一个数据字段作为标签

Svg Vega lite使用一个数据字段作为轴,另一个数据字段作为标签,svg,charts,axis-labels,vega,vega-lite,Svg,Charts,Axis Labels,Vega,Vega Lite,在中,是否可以使用数据值的一个字段作为轴值,另一个字段作为标签 如果这是我的vega lite规范,那么该图工作正常,但在x轴上显示日期。如何在x轴上显示日期名称 { "$schema": "https://vega.github.io/schema/vega-lite/v2.json", "description": "basic line graph", "data": { "values": [ {"date":"2017-08-15", "dayNam

在中,是否可以使用数据值的一个字段作为轴值,另一个字段作为标签

如果这是我的vega lite规范,那么该图工作正常,但在x轴上显示日期。如何在x轴上显示日期名称

{
  "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
  "description": "basic line graph",
  "data": {
    "values": [
        {"date":"2017-08-15", "dayName":"Tue","item":"foo","count":"0"},
        {"date":"2017-08-16", "dayName":"Wed","item":"foo","count":"11"},
        {"date":"2017-08-17", "dayName":"Thu","item":"foo","count":"7"},
        {"date":"2017-08-18", "dayName":"Fri","item":"foo","count":"28"},
        {"date":"2017-08-19", "dayName":"Sat","item":"foo","count":"0"},
        {"date":"2017-08-20", "dayName":"Sun","item":"foo","count":"0"},
        {"date":"2017-08-21", "dayName":"Mon","item":"foo","count":"0"}
    ]},
  "mark": {
    "type": "line",
    "interpolate": "monotone"
  },
  "encoding": {
    "x": {"field": "date", "type": "temporal"},
    "y": {"field": "count", "type": "quantitative"}
  }
}


它在x轴上显示日期字段,
August 16
August 17
。如何使其显示dayName字段?它应该显示
Tue
Wed
,等等。

您可以使用
时间单位

{
“$schema”:”https://vega.github.io/schema/vega-lite/v2.json",
“说明”:“基本线图”,
“数据”:{
“价值观”:[
{“日期”:“2017-08-15”,“日期名称”:“星期二”,“项目”:“foo”,“计数”:“0”},
{“日期”:“2017-08-16”,“日期名称”:“Wed”,“项目”:“foo”,“计数”:“11”},
{“日期”:“2017-08-17”,“日期名”:“Thu”,“项目”:“foo”,“计数”:“7”},
{“日期”:“2017-08-18”,“日期名”:“星期五”,“项目”:“foo”,“计数”:“28”},
{“日期”:“2017-08-19”,“日期名称”:“Sat”,“项目”:“foo”,“计数”:“0”},
{“日期”:“2017-08-20”,“日期名”:“太阳”,“项目”:“foo”,“计数”:“0”},
{“日期”:“2017-08-21”,“日期名称”:“周一”,“项目”:“foo”,“计数”:“0”}
]},
“标记”:{
“类型”:“行”,
“插值”:“单调”
},
“编码”:{
“x”:{
“时间单位”:“天”,
“字段”:“日期”,
“类型”:“时态”
},
“y”:{“字段”:“计数”,“类型”:“定量”}
}
}