highcharts - 箱线图上忽略 xAxis startOnTick 和 endOnTick 选项

标签 highcharts

看来选项 startOnTickendOnTick 对箱线图没有影响。无论如何,是否可以使用箱线图将最外面的刻度线与图形边缘对齐?

xAxis: {
  startOnTick: true,
  endOnTick: true,
  min: -1,
  max: 6,
},

我尝试添加 minPadding/maxPadding、tickmarkPlacement: Between/on 的大多数组合,并使用 tickPositioner 手动设置刻度,但没有任何运气。我唯一的解决方法是缩小最小/最大,以便填充自行修复。我更喜欢更好的解决方案,因为这种解决方法对于动态数据来说变得非常难看。

这是fiddle demo演示问题并 another与解决方法。再说一遍,有没有办法用箱线图将最外面的刻度线与图形边缘对齐?

最佳答案

调查这一点让我发现了这些埋藏在 parts/Axis.js 中的评论.

                if (!axis.single) {
                    // minPointOffset is the value padding to the left of
                    // the axis in order to make room for points with a
                    // pointRange, typically columns. When the
                    // pointPlacement option is 'between' or 'on', this
                    // padding does not apply.
                    minPointOffset = Math.max(
                        minPointOffset,
                        isString(pointPlacement) ? 0 : seriesPointRange / 2
                    );

                    // Determine the total padding needed to the length of
                    // the axis to make room for the pointRange. If the
                    // series' pointPlacement is 'on', no padding is added.
                    pointRangePadding = Math.max(
                        pointRangePadding,
                        pointPlacement === 'on' ? 0 : seriesPointRange
                    );
                }

该问题是由点填充引起的,并且可能发生在任何列样式图上。如果系列上的 pointPlacement 设置为 'on'' Between',则填充将被忽略。

series: {
  type: 'boxplot',
  pointPlacement: 'on',
  data: ...
}

Here是工作 fiddle 。

关于highcharts - 箱线图上忽略 xAxis startOnTick 和 endOnTick 选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20842006/

相关文章:

javascript - Highcharts - 实时更新柱形图

javascript - 将 Highcharts 图例中的一长串项目变成下拉列表

javascript - 如何使用jspdf打印下载pdf格式的多个highcharts内容

javascript - 我如何在不以日期时间格式表示的 Highcharts 中不规则地间隔 x 轴数据?

graph - Highcharts -指定堆积时间序列的顺序

javascript - 使用 jquery 替换的 Highcharts 工具提示格式化程序

javascript - 如何使预设的 json 数据准备好在我的 highchart 中使用?

javascript - 如何将趋势线添加到高位图表

javascript - Highcharts,将误差线与数据模块结合使用

javascript - 我如何使用 jquery 将具有属性的元素添加到 SVG