D3
D3代表数据驱动文档,是一个用于创建动态和交互式数据可视化的JavaScript库。它于2011年首次发布,包含一组非常灵活和强大的特性,可以帮助您构建各种图形数据可视化。...Kendo UI
Kendo UI是一组JavaScript库,它包含大量组件,从数据网格和图表到调度器、下拉菜单,甚至是按钮。...这意味着我们需要做三件基本的事情:
绘制反映单个数据值的基本栏。
绘制X轴和Y轴并显示标签。
为图表创建工具提示。
我们先不详细描述这两个库,看一下大体的样式。...808, 704, 775, 756, 688, 733, 693, 564, 537, 628, 630, 611, 600, 640,694, 708 ];
The Markup
在HTML中,除了为每个图表放置占位符并指定图表区域的大小之外...X轴是根据数据集中的值的数量进行缩放的。在下一节中,我们将在显示区域略微移动图表。
现在我们开始讲D3部分的内容。在这里,我们告诉D3我们将使用哪些数据,并指定图表中每个条形图的基本元素。