文件名称：Highcharts案例.rar
文件大小：27.76MB
文件格式：RAR
更新时间：2023-08-02 18:24:10
Highcharts
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。
【文件预览】：
案例
----test2()
--------index.html(1KB)
----test4i()
--------index.html(4KB)
----test7()
--------index.html(4KB)
----js()
--------cn-all.js(74KB)
--------highcharts.js(160KB)
--------jquery-2.1.1.min.js(82KB)
--------exporting.js(8KB)
--------highmaps.js(173KB)
----test5()
--------index.html(996B)
----test3()
--------index.html(1KB)
----test6()
--------index.html(2KB)
----数据()
--------data2.txt(73B)
--------data3.txt(286B)
--------data4.txt(2KB)
--------data1.txt(73B)
----压缩包()
--------Highcharts-4.1.8.zip(27.44MB)
--------Highmaps-1.1.8.zip(1.11MB)
----test4()
--------index.html(3KB)
----test4ii()
--------index.html(5KB)
----test1()
--------index.html(717B)