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

时间:2015-08-17 20:22:42

标签: kendo-ui kendo-dataviz

下面的代码使用窗格在堆积条形图中显示两个条形图。 我的问题是只显示了图表的一部分,你可以看到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>

1 个答案:

答案 0 :(得分:1)

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

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

<强> DEMO