Question

尝试在高图表的xrange图表类型中创建第二级数据的行为与预期不符

请参阅jsfiddle https://jsfiddle.net/bo8eL42v/10/和highcharts文档https://api.highcharts.com/highcharts/series.xrange.data.drilldown

背景-理想行为：单击一个系列后，该图表将重新绘制，其中同一系列细分为时间段（天||周）作为类别 -这样就可以进行每天/每周的比较，而不是逐人比较

SubPar替代解决方案是使用series.events.click触发一个功能，该功能将完全覆盖具有DayOverDay行为的图表

实施了一个基本的jsfiddle来测试概念上的向下钻取是否应该按照所述进行工作

...
            x: Date.UTC(2014, 11, 10),
            x2: Date.UTC(2014, 11, 23),
            y: 2,
            drilldown: 'a'
        }],
        ...
    }],
    drilldown: {
        series: [{
        id: 'a',
        data: [{
            x: Date.UTC(2014, 10, 21),
            x2: Date.UTC(2014, 11, 1),
            y: 0,
            partialFill: 0.25
        },{
            x: Date.UTC(2014, 11, 1),
            x2: Date.UTC(2014, 11, 2),
            y: 0,
            partialFill: 0.25
        }]
      }]
    }

预期：单击要进行深入分析的任何数据点：“ a”应重绘图表，其中仅包含在downdown.series.'a'中定义的点，其中'a'是ID

实际：什么也没发生，没有抛出错误

Answer 1

您需要包括fo:table-cell模块以使钻取功能起作用：

<fo:table table-layout="fixed" width="100%">
  <fo:table-footer>
    <fo:table-row>
      <fo:table-cell padding="3pt">
        <fo:block text-align="right"
                  font-style="italic">
          <fo:retrieve-table-marker
              retrieve-class-name="footer-continued"
              retrieve-position-within-table="last-ending"/>
        </fo:block>
      </fo:table-cell>
    </fo:table-row>
  </fo:table-footer>
  <fo:table-body>
    <fo:table-row>
      <fo:table-cell padding="3pt">
        <fo:marker marker-class-name="footer-continued">continued.....</fo:marker>
        <fo:block>The first thing to do</fo:block>
      </fo:table-cell>
    </fo:table-row>
    ...
    <fo:table-row>
      <fo:table-cell padding="3pt">
        <fo:marker marker-class-name="footer-continued">&#xA0;</fo:marker>
        <fo:block>The fourth thing to do</fo:block>
      </fo:table-cell>
    </fo:table-row>
  </fo:table-body>
</fo:table>

请参见this JSFiddle demonstration。

Highcharts Xrange拒绝展示深入钻探行为

1 个答案: