Question

下面的代码使用窗格在堆积条形图中显示两个条形图。我的问题是只显示了图表的一部分，你可以看到x轴从94％开始。因此看起来值50（条1）小于2（条2）。为什么只显示图表的一部分，我该如何解决？

<div id="chart"></div>
<script>
$("#chart").kendoChart({
                legend: {
                    visible: false
                },
                seriesDefaults: {
                    type: "bar",
                    stack: {
                        type: "100%"
                    },
                    labels: {                     
                        visible : true,
                    position: "insideBase"
                    }                   
                },
                panes:[{ 
                    name: "pane1"
                }],             
                series: [{                                                                
                   data: [50],
                   axis: "axis1",
                   categoryAxis: "catAxis1"                    
                }, 
                {                                       
                    data: [2],
                    axis: "axis1",
                    categoryAxis: "catAxis1"
                }],
                valueAxis: [{
                    name: "axis1", 
                    pane: "pane1"
                }],
                categoryAxis: [{ 
                    name: "catAxis1", 
                    pane: "pane1"
                }]     
});
</script>

Answer 1

只需将最小值0添加到valueAxis：

valueAxis: [{
    min: 0,
    name: "axis1", 
    pane: "pane1"
}],

<强> DEMO

使用窗格和堆叠条时，仅显示图表的一部分

1 个答案: