更改 MudBlazor 图表的外观

Posted 2023-03-27

【中文标题】更改 MudBlazor 图表的外观

【英文标题】：Changing appearance of MudBlazor Chart

【发布时间】：2021-12-19 05:22:25

【问题描述】：

我已经使用 MudBlazor.Line 图表成功创建了我的图表。该组件有一些基本选项，它们工作正常。但是，我想更改其他内容（图例字体大小、线条颜色和粗细等）。我找到了一个名为“ChartPallette”的选项，它正在寻找一个字符串 []，但我不知道要包含什么。他们的任何样本或文件中都没有提到这一点。有没有人想办法修改这些项目？

【参考方案1】：

图表主要由我和 henon 开发，但在我完成它们之前，图书馆变得非常流行，我不得不优先考虑其他更重要的事情，抱歉文档和图表本身缺乏，这从来都不是这个想法。我总是推荐 Blazor Apex 图表平均时间：https://github.com/apexcharts/Blazor-ApexCharts

关于您的问题，ChartPalette 采用一系列颜色。它可以是我们在库中的材质颜色或 HEX 代码，甚至可能是 rgb/rgba 但尚未测试。

 =  Colors.Blue.Accent3, Colors.Teal.Accent3,... 

 =  "#000", "#FFF", ... 

要更改字体大小、字体颜色等其他内容，您必须使用 CSS，当他们使用主题排版设置时，无法将图表与其他图表分开，因此它适用于整个主题。

【讨论】：

感谢您的解释 - 我明白了。我查看了 Apex 图表——非常棒。 Apex Charts 绝对适用于 MudBlazor。虽然我的时机很糟糕！我在独立的 Blazor 应用程序中试用了 Apex Charts - 一切正常。我将图表添加到我的 MudBlazor 项目中 - 出现了许多错误。事实证明，Apex 在我的两个项目之间进行了更新，并对图形系列的定义方式进行了一些相当大的更改。他们更改了一些主要课程的名称，这就是引发所有错误的原因。我很慢，但终于弄清楚发生了什么。现在，一切都很好。

我也有同样的问题。是的，泥图非常基本（仅使用 c# 很难做到这一点）。

只需要一个 dotnet6 包装器，哈哈