用div+css如何做曲线图

html-css013

用div+css如何做曲线图,第1张

2种方案:

1、可以用很多 div ,全部做成 1px X 1px ,然后组成图形。

这样做,比较麻烦,浏览器渲染很累。。。

2、直接用 vml。

网上上有公司已经做了这方面画图插件,很方便调用的。。。

像什么 sin ,cos ,圆,三角,的都可以。。。

去 找找吧,很多。。

绘制Flot图表前, 你必须先指定一个定位点(Placeholder), 这个定位点将会是Flot绘制图表的地方, 你可以把它放置在任何你想放的地方, 定位点如下, 放在<body>之间

1

<div id="flot-placeholder"></div>

再来用CSS给与定位点宽度与长度, 如果没有指定定位点长与宽, 就会发生 "Uncaught Invalid dimensions for plot, width = 0, height = 0"的错误, 要特别注意!

1

2

3

4

#flot-placeholder{

width:350px

height:300px

}

接下来建立如下的数据数组组 变数data是数据源, 以指定x及y轴数据如[x, y], 变量dataset里是除了指定数据源外, 还指定了标签(label)名称, 若卷标名称有设定时, 图表右上方的图例才会显示.