D3 动态分组条形图
分组条形图实现提供了一个包装器,用于根据传递给它的数据动态呈现矩形和比例。 这可以轻松插入任何现有应用程序。 可以通过简单地向数据添加/删除值来动态修改图表。 这是一个非常简单的实现。
用法
在 html 文件中包含d3.js 、 chart.js和chart.css ,如index.html 。 假设一个 ID 为#statChart的元素(参见index.html ),执行:
// Initialise the graph
var chart = new Chart ( 500 , 300 , "#statChart" ) ;
// Create some data
var chartData = [
{ name : 'Foo' , value : [ { "a" : 100 } , { "b" : 150 } , { "c" : 200 } ] } ,
1