Apexchart中ReactJs的面积图无法使用选择缩放功能
创始人
2024-11-10 03:30:07
0

如果您的React项目中使用了Apexchart,并且出现了面积图选择缩放无法正常工作的问题,可以使用以下步骤解决:

  1. 安装react-apexcharts依赖

npm install react-apexcharts --save

  1. 在需要使用面积图组件的地方引入包

import ReactApexChart from 'react-apexcharts';

  1. 在组件中引入数据和配置

const options = { chart: { id: 'areaChart', zoom: { enabled: true, type: 'x', resetIcon: { offsetX: -10, offsetY: 0, fillColor: '#fff', strokeColor: '#37474F' }, selection: { background: '#90CAF9', brush: { color: '#f8bbd0', opacity: 0.1 }, border: { color: '#455A64', opacity: 0.2, width: 1 } } } }, dataLabels: { enabled: false }, stroke: { curve: 'smooth' }, fill: { type: 'gradient', gradient: { shadeIntensity: 1, opacityFrom: 0.7, opacityTo: 0.9, stops: [0, 100] } }, tooltip: { x: { show: true, format: 'dd MMM yyyy' }, }, xaxis: { type: 'datetime' } };

const series = [{ name: 'series1', data: [{ x: '04/05/2021', y: 20 }, { x: '04/06/2021', y: 10 }, { x: '04/07/2021', y: 30 }, { x: '04/08/2021', y: 20 }, { x: '04/09/2021', y: 25

相关内容

热门资讯

wepower有外 挂!wep... wepower有外 挂!wepoke真的有挂嘛,wepoke辅助插件,我来教教你(有挂解说);人气非...
微扑克系统发牌规律!微扑克辅助... 自定义微扑克系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分享...
必备科技!开心联盟棋牌俱乐部怎... 必备科技!开心联盟棋牌俱乐部怎么才能赢(辅助)好像是真的有挂(2022已更新)(哔哩哔哩)1、必备科...
wepoke插件!wepoke... wepoke插件!wepoke德州扑克系统规律,wepoke有挂,力荐教程(有挂细节)1、不需要AI...
微扑克德州专用辅助器!微扑克辅... 微扑克德州专用辅助器!微扑克辅助软件查得出来,微扑克有挂,细节方法(有挂方法)1、许多玩家不知道微扑...
最新技巧!衢州都莱辅助器是真是... 最新技巧!衢州都莱辅助器是真是假(透明挂)一贯存在有挂(2024已更新)(哔哩哔哩)1、衢州都莱辅助...
wepokeai代打!wepo... wepokeai代打!wepoke挂真的,wEpOke果真真的有挂,曝光教程(有挂攻略);wpk透视...
微扑克辅助挂!微扑克被系统制裁... 微扑克辅助挂!微扑克被系统制裁,WPK确实是有挂,教你攻略(有挂透视),您好,微扑克这款游戏可以开挂...
教程攻略!经典联盟有外 挂吗(... 教程攻略!经典联盟有外 挂吗(透明挂)确实是有挂(2026已更新)(哔哩哔哩);在进入经典联盟有外 ...
wepoke ai辅助!wep... wepoke ai辅助!wepoke软件机器人(透明挂)wepoker(的确真的有挂)是一款可以让一...