首页 > 解决方案 > 当范围选择器设置为整个大小时,Highchart 标志熄灭

问题描述

正如您在此处看到的:现场示例

主要问题是当范围选择器设置为全尺寸时,我们只能看到两行,左侧没有标志。如果范围选择器设置为较小的范围并将其拖动到左侧,则似乎一切正常,带有标志。但如果线的一小部分会出现在图表上,那么一切都会出错。

我尝试按升序对系列进行排序,但没有产生任何结果。

仍然不知道出了什么问题。

高图设置:

    {

            title: {
                text: 'Problem with flags'
            },
            chart: {
                  zoomType: 'x',
                },
                yAxis: {
                  min: 0,
                  startOnTick: false
                },
              xAxis: {
                  type: 'datetime',
                  dateTimeLabelFormats: {
                    millisecond: '%H:%M',
                    second: '%H:%M',
                    minute: '%H:%M',
                    hour: '%H:%M',
                    day: '%e. %b',
                    week: '%e. %b',
                    month: '%b \'%y',
                    year: '%Y'
                  },
                  showEmpty: true
                },
                credits: {
                  enabled: false
                },
                lang: {
                  rangeSelectorZoom: ''
                },
            rangeSelector: {
                  allButtonsEnabled: false,
                  inputEnabled: false,
                  buttonTheme: {
                    visibility: 'hidden'
                  },
                  labelStyle: {
                    display: 'none'
                  }
                },
                        plotOptions: {
                  series: {
                    turboThreshold: 0
                  }
                },
                        legend: {
                  enabled: true
                },
            series: SERIES ARE AT FIDDLE
        } 

标签: highchartsangular2-highcharts

解决方案


我找到了解决方案,您应该将 xAxis.ordinal 字段设置为 false,这是链接


推荐阅读