ant-design-charts-blazor icon indicating copy to clipboard operation
ant-design-charts-blazor copied to clipboard

Setting line colors from object data

Open Hedkeaf opened this issue 2 years ago • 9 comments

One of base usage its setting color lines by series(from data), but i cant do it in current chart. Maybe someone know way how to do it?

Hedkeaf avatar Nov 24 '22 16:11 Hedkeaf

I can do it in Scutter by ColorField but Scutter dont allow multiple series

Hedkeaf avatar Nov 24 '22 17:11 Hedkeaf

show you config and data

dkosinskyi avatar Nov 24 '22 18:11 dkosinskyi

Try this

ColorField: "Genre",
     Color = new string[] {"#d62728", "#2ca02c", "#000000", "#9467bd", "#ffd500", "#1f77b4", "#00518a", "#ffbc69", "#9bd646"},

dkosinskyi avatar Nov 24 '22 18:11 dkosinskyi

show you config and data

protected LineConfig ChartConfig = new LineConfig { Title = new AntDesign.Charts.Title { Visible = true, Text = "Cloud Orders" } Point = new LineViewConfigPoint { Visible = true, Size = 3, Color = "Grey" }, Tooltip = new AntDesign.Charts.Tooltip() { Shared = false }, ForceFit = true, Padding = "auto", XField = "timelabel", YField = "price", Color = "transparent", YAxis = new ValueAxis() { Grid = new BaseAxisGrid() { Visible = true }, Visible = true }, Legend = new Legend { Position = "bottom" }, SeriesField = "key" };

Hedkeaf avatar Nov 24 '22 19:11 Hedkeaf

Try this

     Color = new string[] {"#d62728", "#2ca02c", "#000000", "#9467bd", "#ffd500", "#1f77b4", "#00518a", "#ffbc69", "#9bd646"},

dkosinskyi avatar Nov 24 '22 19:11 dkosinskyi

Try this

ColorField: "Genre",
     Color = new string[] {"#d62728", "#2ca02c", "#000000", "#9467bd", "#ffd500", "#1f77b4", "#00518a", "#ffbc69", "#9bd646"},

ColorField Does not exist in LineConfig. Im try using Scutter but scutter not contains SeriesField for multiply series

Hedkeaf avatar Nov 24 '22 19:11 Hedkeaf

image

Hedkeaf avatar Nov 24 '22 19:11 Hedkeaf

Show how lines are drawn on a chart

dkosinskyi avatar Nov 24 '22 19:11 dkosinskyi

When color is "transparent" draw only points, but when im switch to show lines they have random colors protected async Task SetLines() { if (ShowLines) { ChartConfig.Color = new string[] { "Red", "Green" }; } else ChartConfig.Color = "transparent"; await Chart.UpdateConfig(ChartConfig); } Graf seems like this: image

Hedkeaf avatar Nov 24 '22 19:11 Hedkeaf