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"); }