public static SamplesResult NewMethod6()
{
var url = @"https://vega.github.io/vega-datasets/data/cars.json";
var selection = Vega.IntervalSelection("pts")
.SetBind(IntervalSelectionBind.Scales);
var cond = Vega.Condition()
.AddFiled(Vega.PcField("Origin:N"))
.AddSelection(selection);
var cm = Vega.SetData(url)
.SetMark(Vega.Marks.Point)
.SetEncoding(en =>
{
en.Y = Vega.PcField().SetName("Horsepower:Q");
en.Color = cond.ToColor(Color.Gray);
})
.SetSelection(selection);
var left = cm.SetEncoding(en => en.X = Vega.PcField("Acceleration:Q"));
var right = cm.SetEncoding(en => en.X = Vega.PcField("Miles_per_Gallon:Q"));
return(new SamplesResult
{
Desc = @"2个表相同的y轴，不同的x轴。
能用鼠标点击拖动移动图表显示范围，用滚轮放大或缩小范围。
并且2个表是同步更新",
Html = (left | right).ToHtml()
});
}
public static SamplesResult NewMethod7()
{
var url = @"https://vega.github.io/vega-datasets/data/cars.json";
//设置范围选择
var selection = Vega.IntervalSelection("pts");
//设置条件
var cond = Vega.Condition()
.AddFiled(Vega.PcField("Origin:N"))
.AddSelection(selection);
var cm = Vega.SetData(url) //数据
.SetMark(Vega.Marks.Point) // 图表形状
.SetEncoding(en => //数据对应
{
en.Y = Vega.PcField("Horsepower:Q");
en.Color = cond.ToColor(Color.Gray);
})
.SetSelection(selection);
var left = cm.SetEncoding(en => en.X = Vega.PcField("Acceleration:Q"));
var right = cm.SetEncoding(en => en.X = Vega.PcField("Miles_per_Gallon:Q"));
//左右2张图
return(new SamplesResult
{
Desc = @"范围选择，鼠标左键点击可画出范围框，然后点击框能拖动。
框范围内正常颜色，其他为灰色",
Html = (left | right).ToHtml()
});
}
private static void NewMethod7()
{
var url = @"https://vega.github.io/vega-datasets/data/cars.json";
//设置范围选择
var selection = Vega.IntervalSelection("pts");
//设置条件
var cond = Vega.Condition()
.AddFiled(Vega.PcField("Origin:N"))
.AddSelection(selection);
var cm = Vega.SetData(url) //数据
.SetMark(Vega.Marks.Point) // 图表形状
.SetEncoding(en => //数据对应
{
en.Y = Vega.PcField("Horsepower:Q");
en.Color = cond.ToColor(Color.Gray);
})
.SetSelection(selection);
var left = cm.SetEncoding(en => en.X = Vega.PcField("Acceleration:Q"));
var right = cm.SetEncoding(en => en.X = Vega.PcField("Miles_per_Gallon:Q"));
//左右2张图
(left | right).ToFile("res.html");
}
