Highchart特定宽度堆栈列条形图

Gän*_*ian 30 javascript jquery charts graph highcharts

需要找到一种方法来表示带有错误条的图形,但似乎它现在还没有支持highchart.我的计划是使用堆栈列条形图0,将Y降低为透明,将Y降低到Y,用红色或我稍后要选择的任何东西.

我的问题是:

无论高图中的缩放级别如何,是否可以将堆栈列条宽度限制为1px?

感谢您的投入!

Gän*_*ian 35

我自己想出来了.pointWidth是设置条宽宽度的参数.此外,四处走动很适合代表错误栏,因为还没有任何高度互动的javascript图表支持这种类型的图表.

  • 你能分享一个例子吗? (6认同)
  • 太棒了!但是,现在我的酒吧相互重叠.你有这个问题吗?或者你知道如何自动调整每个条之间的间距吗? (2认同)
  • **plotOptions.column.groupPadding**也会对列宽产生影响.如果图表有许多列或没有空间可供使用,则默认的0.2填充可能会扭曲宽度.将其设置为0可以解决问题. (2认同)

小智 25

series: [{
            name: strSeriesTitle,
            data: arrData,
            pointWidth: 28
        }]
Run Code Online (Sandbox Code Playgroud)


Rah*_*pta 13

用于设置柱条宽度的工作演示,与图表大小无关.

您将不得不使用以下pointWidth选项:

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        plotOptions: {
            series: {
                pointWidth: 40//width of the column bars irrespective of the chart size
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    });
});
Run Code Online (Sandbox Code Playgroud)


epo*_*ool 10

您应该使用以下选项而不是pointWidth响应而不是修复:

plotOptions: {
    series: {
        pointPadding: 0, // Defaults to 0.1
        groupPadding: 0.01 // Defaults to 0.2
    }
},
Run Code Online (Sandbox Code Playgroud)