SimpleBarChart.js是一个轻量级的柱状图图表JavaScript库,让你画一个可定制的,灵活的,可扩展的垂直条形图(柱状图)通过HTML5 canvas元素。数组样式const myValues = [0, 10, 40, 30, 15, 5, 20, 43, 45, 8, 18, 0] const myLabels = ['12pm', '1pm', '2pm', '3pm', '4pm', '5pm', '6pm', '7pm' ,'8pm', '9pm', '11pm', '12am']创建一个柱状图const myChart = new SimpleBarChart({ id: 'bar', values: myValues labels: myLabels }) 自定义参数设置const myChart = new SimpleBarChart({ backgroundColor: 'lightcoral', gridLineColor: 'black', gridFontFamily: 'sans-serif', gridFontSize: '18px', gridFontColor: 'black', gridLabelInset: 4, showZero: false, unit: '', gridLineStyle: 'solid', // solid, dashed dashes: 50 dashGap: 2 yAxisLine: false, showYAxisLabels: true, xAxisFontFamily: 'sans-serif', xAxisFontSize: '18px', xAxisFontColor: 'black', xAxisLine: true, labelSpace: 30 })
未经允许不得转载： ICode联盟 » 插件特效 » HTML5 canvas柱状图插件