Question

我正在尝试使用x和y轴上的必需选项显示以下图表，但轴上的更改不起作用。图表正在显示，但Y轴没有min，max属性，位置不是我通过的那个......有什么问题？

<div id="chart2"></div>
            <script>
                var chart = c3.generate({
                    bindto: '#chart2',
                    data: {
                        url: "../static/CSV/Chart_data/grades_access.csv",
                        x:'AC_GRADE',
                        type: 'scatter'
                    },
                    axis: {
                        y: {
                            label: "Average grade",
                            position: "outer-middle",
                            padding: {top: 200, bottom: 0},
                            min:0,
                            max:10
                        },
                        x: {
                            label: "Access grade",
                            position: "outer-center",
                            padding: {top: 200, bottom: 0},
                            min:0,
                            max:10
                        }
                    },
                    size: {
                        height: 400,
                        width: 800
                    },
                    zoom: {
                        enabled: true
                    }     
                }); 
            </script>

Answer 1

嗯，实际上有很多错误定义的参数 1。标签位置应该像这样定义

axis: {
  x: {
   label: {
    text: 'Your X Axis',
    position: 'outer-center'
   } 
 }
}

2。填充会影响最小值和最大值，因此如果需要，您应将其设置为0。
3。 x轴的填充应使用left和right属性。
也许别的什么，只需彻底检查http://c3js.org/reference.html。

c3图表未显示轴

1 个答案: