任意一款浏览器
www.highcharts.com在线图表制做网站
首先进入www.highcharts.com在线图表制做网站。从截图中可以看到,箭头所指的页面左侧是制做不同各类数据图表的列表,如Time Series时序图、pie chart饼图等等,非常实用。箭头右侧指示的是设计完成后,即时显示的图表内容。红线标识的地方是功能选择按键,我们今天要用到的是第二个按键Edit in jsFiddle。
大家看到截图中显示的是饼图修改器。这个修改器页面分为两个主要部分,左侧是代码修改区。因为这个修改器的代码做的非常智能,我们只需要修改其中一些属性就能得到我们想要的饼图,如果想要更绚丽的图形,大家可以读一下网站的documentation,那里面有详细代码设计说明;右侧是即改即现的显示区。我们所做的所有修改都会显示在这里,非常智能。 大家看到右侧显示部分的红色线所标识的是饼图的标题,在左侧的代码区红色画线部分就是它所对应的代码,我们只需要改变text属性所对应的值,就可以修改饼图标题了。
截图中右侧饼图显示区圆圈标识的内容就是饼图每一个项所代表的内容,包括名称和所占百分比。它对应于代码区中我们用箭头标示的代码,直接改代码中的内容即可。
现在我做一个自己用的饼图,帮助大家明白这里的修改是怎么操作的。比如我要统计我这个月的消费,大家可以对照截图来理解我的意思。我们把名称改为"我这个月的消费",把饼图中的所有项改为"书本费、路费、孝敬父母、水电器费、吃饭"。在修改完所有内容后,点击图中左上角用圆圈标识的run按键,至此我的消费饼图生成了。
怎么样,是不是很简单。不需要用程序操作这个操作那个,只需要把你要显示的内容添加修改进去,一切都由程序自动生成。
这个工具很方便,免去了大家学习工具的繁琐过程,提高了工作效率。但是,要想做更复杂的图,还是建议去看看这个网站的Documentation,深入的学习一下各种图形的生成过程。
由于是国外的学习网站,可能初次加载时连接会有些慢,请耐心等待。