Highcharts / Bar Chart - 如何为每个非零/正值显示一个条形图?

时间:2016-03-25 14:29:57

标签: highcharts

我正在使用与此jsfiddle类似的Highcharts条形图。

什么: 我想显示一个非常小的条形图,用于低正值,否则将隐藏在图表上。是否有支持此功能的配置选项?

为什么: 在我的用例中,0和低正值之间的区别对用户很重要。默认图表行为相对于彼此缩放条形高度。因此,绘制高度变化的数据集(例如,非常低和高值的混合)将不显示零和低正值的条形。

$(function () {
    $('#container').highcharts({
        chart: {
          type: 'column',
          marginLeft: 0,
          marginRight: 0,
          marginBottom: 25,
          marginTop: 0
        },
        plotOptions: {
          series: {
            stacking: 'normal',
            grouping: true,
            // pointPadding: 0.1,
            // groupPadding: 0.2,
            // pointPlacement: 'on',
            states: {
              hover: {
                // Prevent color change on hover
                brightness: 0
              }
            }
          },
          column: {
            borderWidth: 0
          },
          bar: {
            minPointLength: 10
          }
        },
        xAxis: {
          labels: {
            enabled: true,
            y:0,
            style: {
              color: '#ccc',
              fontSize: '14px'
            }
          },
          tickWidth: 15,
          minPadding: 0,
          maxPadding: 0,
          startOnTick: true
        },
        yAxis: {
          min: 0,
          gridLineColor: '#ddd',
          gridLineWidth: 1,
          labels: {
            enabled: true,
            x: 0,
            style: {
              color: '#ccc',
              fontSize: '14px'
            }
          }
        },
        series: [{
            data: [0, 1, 0, 2, 3, 5, 8, 5, 15, 14, 25, 300]
        }]
    });
});

0 个答案:

没有答案