手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎样利用在线网站制作数据图表

时间:2024-10-13 17:42:30

1、首先进入www.highcharts.com在线图表制做网站。从截图中可以看到,箭头所指的页面左侧是制做不同各类数据图表的列表,如Time Series时序图、pie chart饼图等等,非常实用。箭头右侧指示的是设计完成后,即时显示的图表内容。红线标识的地方是功能选择按键,我们今天要用到的是第二个按键Edit in jsFiddle。

怎样利用在线网站制作数据图表

2、我们看一下最常用的饼图制做方法。如下图,点击页面左侧列表中的Pie Chart,进入饼图编辑器,这时页面右侧就会显示出默认的饼图图形。看是不是很漂亮。然后,点击饼图下面的Edit in JsFiddle按键,进入饼图修改器。

怎样利用在线网站制作数据图表

3、大家看到截图中显示的是饼图修改器。这个修改器页面分为两个主要部分,左侧是代码修改区。因为这个修改器的代码做的非常智能,我们只需要修改其中一些属佣甲昭宠性就能得到我们想要的饼图,如果想要更绚丽的图形,大家可以读一下网站的documentation,那里面有详细代码设计说明;右侧是即改即现的显示区。我们所做的所有修改都会显示在这里,非常智能。大家看到右侧显示部分的红色线所标识的是饼图的标题,在左侧的代码区红色画线部分就是它所对应的代码,我们只需要改变text属性所对应的值,就可以修改饼图标题了。

怎样利用在线网站制作数据图表

4、截图中右侧饼图显示区圆圈标识的内容就是饼图每一个项所代表的内容,包括名称和所占百分比。它对应于代码区中我们用箭头标示的代码,直接改代码中的内容即可。

怎样利用在线网站制作数据图表

5、现在我做一个自己用的饼图,帮助大家明白这里的修改是怎么操作的。比如我要统计我这个月的消费,大家可以对照截图来理解我的意思。我们把名称改为"我这个月的消费",把饼图中的所有项改为"而汨逅刽书本费、路费、孝敬父母、水电器费、吃饭"。在修改完所有内容后,点击图中左上角用圆圈标识的run按键,至此我的消费饼图生成了。

怎样利用在线网站制作数据图表

6、怎么样,是不是很简单。不需要用程序操作这个操作那个,只需要把你要显示的内容添加修改进去,一切都由程序自动生成。

怎样利用在线网站制作数据图表
© 手抄报圈