水平柱状图表+html5,html5 canvas柱状图消费统计图表插件

特效描述：html5 canvas柱状图 消费统计图表。html5 canvas响应式的图表插件制作每周消费统计表数据展示代码。

代码结构

1. 引入JS

2. HTML代码

new CanvasJS.Chart('chartContainer',{

theme:'light7',//主题

animationEnabled: true,

title: {

text: "每周消费统计表"

},

data: [

{

// 数据

type: "column",

dataPoints: [

{ label: "美食", y: 10 },

{ label: "交通", y: 15 },

{ label: "电影", y: 25 },

{ label: "音乐", y: 30 },

{ label: "出游", y: 28 },

{ label: "娱乐", y: 58 },

{ label: "体育", y: 78 }

]

}

]

}).render();