Blazor包装器中Apexchart未显示工具栏。
创始人
2024-12-21 01:00:48
0

在Apexchart样式表中,需要添加“apexcharts-menu”类和相关样式。

例如:

.apexcharts-menu {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-color: rgba(0,0,0,.1);
  border-radius: 2px;
  padding: 4px;
  right: 0px;
  top: 10px;
}
.apexcharts-menu svg {
  fill: #6e8192;
}
.apexcharts-menu:hover {
  background-color: rgba(0,0,0,.2);
}

然后,在Blazor组件中,需要使用以下代码来启用工具栏:

public class ChartBase : ComponentBase
{
    protected ApexCharts ApexChartsRef;
    protected ChartOptions ChartOptions;

    protected override void OnAfterRender(bool firstRender)
    {
        if (firstRender)
        {
            ApexChartsRef.SetChartOptions(ChartOptions);
            ApexChartsRef.Bind(ChartOptions.Series, ChartOptions.ChartType);
        }
        else
        {
            ApexChartsRef.UpdateSeries(ChartOptions.Series);
        }
    }

    protected void ToggleToolbar()
    {
        if (ChartOptions.Toolbar.Show)
        {
            ChartOptions.Toolbar.Show = false;
            ApexChartsRef.UpdateOptionsObject(ChartOptions);
        }
        else
        {
            ChartOptions.Toolbar.Show = true;
            ApexChartsRef.UpdateOptionsObject(ChartOptions);
        }
    }
}

最后,在页面中,可以使用以下代码来创建工具栏按钮:


这样就可以在Blazor包装器中成功显示Apexchart的工具栏了。

相关内容

热门资讯

hhpoker智能辅助插件!哈... hhpoker智能辅助插件!哈糖大菠萝可以开挂吗(透视)挂-原来关于真的有挂1、哈糖大菠萝可以开挂吗...
wepoker辅助插件功能!h... wepoker辅助插件功能!hhpoker辅助软件是真的么(透视)教程-竟然必备有挂1、起透看视 h...
红龙poker辅助!wepok... 红龙poker辅助!wepoker软件靠谱么(透视)神器-其实详情是有挂1、wepoker软件靠谱么...
hhpoker的辅助是真的吗!... hhpoker的辅助是真的吗!aapoker透视脚本入口(透视)工具-一直详细有挂1、hhpoker...
约局吧德州透视!aapoker... 约局吧德州透视!aapoker辅助器是真的吗(透视)app-都是分享真的是有挂1、玩家可以在aapo...
wejoker黑侠辅助器!we... wejoker黑侠辅助器!wepoker祈福有用吗(透视)软件-一直专业真的有挂1.wepoker祈...
wepoker科技辅助器!HH... wepoker科技辅助器!HH平台挂(透视)app-一直专业存在有挂1、进入游戏-大厅左侧-新手福利...
hhpkoer辅助器!werp... hhpkoer辅助器!werplan怎么透视(透视)攻略-竟然教你是真的挂1、每一步都需要思考,不同...
wepoker透视脚本视频!a... wepoker透视脚本视频!aapoker免费透视脚本(透视)app-切实透视真的是有挂1、aapo...
德普之星透视辅助软件激活码!a... 德普之星透视辅助软件激活码!aapoker怎么提高中牌率(透视)神器-竟然辅助是真的挂1、让任何用户...