如何解决应该添加哪些选项来按图删除轴叠加?
我正在使用 highstock 导航器并面临某些系列信息无法正确呈现的问题,因为它覆盖了图表区域上的所有内容。 重现步骤:
- 打开设置时间范围的页面
- 更改“from”或“to”值以从 BE 获取新数据
- 使用范围选择器或导航器进行缩放,因此绘图的值数量会很少。
- 观察重叠。
版本: "highcharts": "^8.2.2","highcharts-react-official": "^3.0.0",
import * as Highcharts from 'highcharts/highstock'
export default {
navigator: {
enabled: true,series: {
dataGrouping: {
enabled: true,groupPixelWidth: 2,},plotOptions: {
series: {
dataGrouping: {
enabled: false,showInNavigator: true,animation: false,states: {
inactive: {
opacity: 1,rangeSelector: {
buttons: [
{
type: 'second',count: 30,text: '30s',{
type: 'minute',count: 1,text: '1m',count: 5,text: '5m',count: 15,text: '15m',{
type: 'hour',text: '1h',{
type: 'day',text: '1d',{
type: 'week',text: '1w',{
type: 'month',text: '1M',{
type: 'all',text: 'All',],inputEnabled: false,allButtonsEnabled: true,xAxis: {
type: 'datetime',} as Highcharts.Options
// Result options are built here
const chartOptions = {
...defaultHighchartOptions,...options,yAxis,series: timeSeriesData,time: {
useUTC: false,}
在渲染图表之前查看带有选项的屏幕截图:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。