Graphics 构建动态图表的最佳web技术

我需要建立一个自定义设计的条形图，显示一些简单的数据。以下是我的要求。有人能为我的要求推荐最好的web技术吗

• 高浏览器兼容性
• 绘制形状的能力
• 使用渐变填充形状的能力
• 能够为不同形状（图表中的条形图）设置onclick和onmouseover事件

谢谢各位。我正在考虑使用svg，但正在寻求建议

怎么样-它是SVG/VML。 它说：

浏览器兼容性：

Raphaël目前支持Firefox 3.0+、Safari 3.0+、Opera 9.5+和Internet Explorer 6.0+

绘制形状的能力

圆、矩形、椭圆、图像、文本、路径

使用渐变填充形状的能力

对

能够进行onclick和onmouseover事件

是的：

。。。每个图形对象 create也是一个DOM对象，因此 可以附加JavaScript事件处理程序 或者稍后修改它们

世界上的一切

除此之外，还有一个名为的插件，它使图表的创建更加容易。

简单数据-或者可能适合您

有关图像图表所有功能的详细信息，请参见

---

您还可以查看图表API和可视化API的详细信息。

当然，另一个候选者是-如果您已经熟悉jquery，您可能更喜欢这个

这里比较了JQuery SVG和Raphaël，因此：

---

我建议使用Adobe Flex。以下是Flex中创建饼图的简单示例：

   <mx:Panel title="Pie Chart">
 <mx:PieChart id="myChart" 
    dataProvider="{expenses}" 
    showDataTips="true"
 >
    <mx:series>
       <mx:PieSeries 
            field="Amount" 
            nameField="Expense" 
            labelPosition="callout"
       />
    </mx:series>
 </mx:PieChart>
 <mx:Legend dataProvider="{myChart}"/>

根据您的标准：

• 高浏览器兼容性：95%以上的浏览器都使用Flex，并且在所有浏览器中表现相同。无需再检查您的web应用程序是否在ie、firefox、chrome等浏览器中运行。。。因为任何有flash播放器的浏览器都是兼容的
• 绘制形状的能力：Flash最大的优点是绘制形状的能力。图表完全可定制，并可蒙皮，以实现您所需的外观
• 能够用渐变填充形状-通过设置样式属性或自定义蒙皮可以轻松完成
• 能够为不同形状设置onclick和onmouseover事件-有关创建用户与图表交互的一些简单方法，请参阅

---

您好，我希望此链接可以帮助您在搜索类似于您所寻找的解决方案时找到它：

---

我正在尝试gRaphael，但我在查找文档方面遇到了困难。您必须阅读代码并使用分解的代码，而不是min.js

我想分享jquery.jqplot.js。它有很多jQuery选项，但依赖于其他插件，如SyntaxHighlL等