Blazor-apexcharts 无法与 ServerPreRendered Blazor 应用程序完全兼容

Question

我一直在为选择图表提供商而绞尽脑汁，所有箭头都直接指向顶点，但是，似乎不可能访问顶点图表的所有功能。使用java interop来控制图表不起作用。在过去的 4 个小时里，我一直在测试和研究，顺便说一下，关于 blazor 和 apex 图表的信息非常少，到目前为止还没有成功。我刚刚得出的结论是，Apex Charts 确实有效，但并不像您所期望的那样。例如，我想控制动画和持续时间，但在这样做时以及关于 ApexCharts 文档，即使没有错误，它实际上也不起作用，它只是简单地不显示图表或在尝试时根本没有 0 影响来控制这些。

我无法提供代码，因为它目前非常集群化，目前没有任何意义。选择另一个提供商，因为 apex 对 Blazor ServerPreRendered 毫无用处。

如果有人有如何通过 js 互操作或纯 C# 代码控制图表的经验，我们将非常感激！

现在正在工作的是：

<ApexChart TItem="MyData" Title="Sample Data"  >                                          
                                        <ApexPointSeries TItem="MyData" Items="Data" Name="Sales" SeriesType="SeriesType.Bar" XValue="e => e.Category" YValue="e=> e.Sales" />
                                        <ApexPointSeries TItem="MyData" Items="Data" Name="Transfers" SeriesType="SeriesType.Bar" XValue="e => e.Category" YValue="e=> e.Transfers" />
                                    </ApexChart>

Answer 1

我建议您对 ApexCharts 进行正确的配置，使用选项配置 ApexCharts 的示例：

    <ApexChart TItem="MyData" Title="Sample Data" Options="chartOptions">
    <!-- Chart series here -->
</ApexChart>

@code {
    private ApexOptions chartOptions = new ApexOptions
    {
        Chart = new ApexChartOptions
        {
            // Set chart options, including animation settings
            // For example:
            Animations = new ApexAnimations
            {
                Enabled = true,
                Speed = 1000 // Animation duration in milliseconds
            }
        }
    };
}

尝试一下。