我想从数据库应用程序创建SVG图表。但是,我对创建SVG一无所知,所以我想从一个编辑器开始,如果我能找到一个。理想情况下,这应该让我 -
1 - 在图像中放置缩放控件
2 - 在图像中放置摇摄控件
3 - 在鼠标悬停时做各种事情 - 弹出数据框,突出显示图表点
4 - 使用我的数据集创建散点图和时间线图表,包括图例,轴等。
我的想法是,一旦从编辑器中获得基本模板,我就可以编写C代码来直接生成SVG代码。
我花了好几个小时看,我找不到任何商业或免费的应用程序可以做这样的事情。 “SVG编辑器”主要绘制圆形和矩形,这对我来说没什么用处。我错过了什么吗?似乎几年前SVG编辑器开发停止了,各种编辑器已经停产。我甚至找不到与此类似的示例SVG代码。
事实上,我读的越多,似乎我需要在JavaScript中执行此操作,而不是直接创建图像(但我也不知道JavaScript)。我应该走哪条路?我已经查看了可能会制作图表的20个javascript库,但它们似乎都没有勾选上面的1到3个。我还需要在散点图上叠加折线,其中很少会这样做。谷歌排行榜很接近,但它不会做最后一个。
哦,我有一个俘虏的观众,如果我问得好,他们会升级他们的浏览器。
谢谢 -
的Al
答案 0 :(得分:1)
Inkscape程序是SVG编辑器。它还允许您attach javascript到它的元素。但是,它实际上并没有显示出效果。但是,如果您将其加载到现代浏览器中,您可以看到交互式效果。你必须知道Javascript,但它主要涉及添加处理程序和调整CSS属性或更改属性。
答案 1 :(得分:0)
我认为Google图表会做最后的事情:
带注释的时间线:http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line
分散:http://code.google.com/apis/ajax/playground/?type=visualization#scatter_chart
答案 2 :(得分:0)
如果您要编写C来生成SVG代码,那么您可以在SVG内部编写EMCAScript以进行平移,缩放和各种鼠标悬停效果。我在http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control
上写了一个如何添加平移和缩放控件的说明