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)名称, 若卷标名称有设定时, 图表右上方的图例才会显示.