HTML5 canvas柱状图插件

HTML5 canvas柱状图插件源码下载

看看谁在用

查看文件结构

文件大小:0.00M

资源分类: 插件-评级和图表

更新时间: 2021-01-25

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
})

HTML5 canvas柱状图插件

正在加载文件目录...

也许你还喜欢

  1. js水平柱状图分类统计echarts插件
  2. echarts简单柱状图插件
  3. jQuery统计图表插件
  4. jQuery可拖拽柱状图表差值统计
  5. echarts投票柱状图统计
  6. chart.js水平柱状图插件
绿色招聘工作门户网站HTML模板
  • 标签查找|关于我们|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2