开发工具:
文件大小: 27mb
下载次数: 0
上传时间: 2020-07-13
详细说明:Highcharts案例介绍
1. 显示一个静态的折线图,要求显示data1.txt文件中的气象数据。
2. 将第一个案例改成直方图,并在每个方块上显示温度值。
3. 在第一个案例中进行修改,不显示版权信息,并将折线图更改为曲线图。
4. 在第三个案例中进行修改,进行辅助线的显示、定制legend(图例)、Tooltip(数据显示框)以及数据输出(中文)。要求当鼠标移动到对应节点的时候,显示辅助线,另外要求分别显示平均最高气温和最低气温的辅助线;要求legend显示在覆盖图表,并显示在左上角;要求数据提示框同时显示最高温度和最低温度&今日平均温度。
a. 显示中文输出
b. 定制legend
c. 定制tooltip
e. 显示平均温度辅助线(作业:当最高温度不显示的时候,最高平均温度这个辅助线也不显示,同理最低温度一样。)
解决方案:(为了方便操作,可以将legend的属性floating修改为false,然后将最低气温的第一个值改成11,这样方便操作)
公用部分: 使用自定义属性将平均温度辅助线分别添加到对应属性列中(也可以不添加)。
i: 使用chart属性里面的events中的redraw方法,参考属性this.series[i].visible属性,该属性如果为true,表示该数据列显示,如果为false,表示该数据列不显示。然后再分别进行操作。
ii:使用plotOptions中的series的events事件中的hide和show事件,这个就不用参考visible属性。
f. 显示辅助线(x轴上)
5. 显示一个饼图,要求显示data2.txt中的浏览器用户数据。
6. 在第5个案例的基础上,要求点击某个浏览器扇形后,在另外一个容器中显示该浏览器具体的用户使用数据,具体数据在data3.txt中。
7. 显示中国各省份用户ip访问量的展示图,具体数据在data4.txt。
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.