Question

通过使用下面的代码，X轴最大值仅为85000，并且部分隐藏120k值，是否有任何选项可以修复此轴渲染行为？

var s1 = ["84486", "74987", "120249"];
var ticks = ['Length', 'Width', 'Height'];

$.jqplot('revi_chart', [s1], {
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        pointLabels: { show: true, location: 'w'},
        rendererOptions: { barDirection: 'horizontal'},
    },
    axes: {
        xaxis: { tickOptions: { showLabel: true, showGridline: false}},
        yaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: ticks,
        tickOptions: { showGridline: false }}
    },
    highlighter: { show: false}
});

这是小提琴： http://jsfiddle.net/frelis/x7Lyj5t6/12/

Answer 1

您可以在XAxis上设置最大值：

axes: {
        xaxis: { tickOptions: { showLabel: true, showGridline: false},
     max:200000},
        yaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: ticks,
            tickOptions: { showGridline: false }}
    },

http://jsfiddle.net/Tintin37/dox289ea/

您可以获取数组的最大值并设置最大轴值：

var maxVal = Math.max.apply(null, s1);

xaxis: { tickOptions: { showLabel: true, showGridline: false},
         max: maxVal +10000},

http://jsfiddle.net/Tintin37/7ntw19Lp/

祝你有个美好的一天！

Answer 2

使s1成为一个数字数组。它期望X轴上的数字。更改代码：

var s1 = ["84486", "74987", "120249"];

到

var s1 = [84486, 74987, 120249];

查看工作版：http://jsfiddle.net/x7Lyj5t6/13/

这样X轴将始终自动设置最大值。

BarChart不适合图表区域

2 个答案: