'highcharts' Tag

• Highcharts点击legend symbol切换serie的显示/隐藏

  2011-03-20

  之前有写过一篇关于Highcharts导出图片的Java代码实现–Highcharts导出代码Java版，这里将介绍的是如何实现点击图列说明(legend symbol)时，隐藏其在图中的显示。 其中Highcharts默认实现了点击文本(legend item)则不显示的效果，但如果点击文本旁边的图片，则无反应。 在highcharts.src.js中6299行可以看到下面代码： .on(‘click’, function(event) {    var strLegendItemClick = ‘legendItemClick’,    fnLegendItemClick = function() {         item.setVisible();     };     // click the name or symbol     if (item.firePointEvent) { // point         item.firePointEvent(strLegendItemClick, null, fnLegendItemClick);     } else {         fireEvent(item, strLegendItemClick, null, fnLegendItemClick);     }}) 从注释“click the name or symbol”，意思好像是点击文本或者符号，都有触发事件，但点击符号并没改变图的可视状态。 setVisible方法是有两个参数：vis、redraw，其中vis为boolean型，真则表示显示该serie，假真不显示，如果vis为UNDEFINED，则切换该serie的可视状态。 而我们如果要实现点击legend同样切换对应的serie的可视状态，则需要在图中所有的legend上绑定click事件。legend上发生click事件时，则触发该legend旁边的element的click事件，就达到效果。 [...]

  posted in 技术类 by 半醒

• Highcharts导出代码Java版

  2011-01-13

  Highcharts是一个用纯JavaScript编写的图表库，提供了一个交互式的图表添加到您的网站或Web应用程序的简单方法。Highcharts目前支持线，样条，面积，areaspline，柱形图，条形图，饼图和散点图类型。 同时Highcharts提供将图表导出为图片或者PDF格式文件，只需要在页面中载入exporting.js文件。 由于生成的图表是SVG格式，所以导出时需要将数据发送到服务器端来进行转换。在exporting.js中默认导出地址是http://export.highcharts.com/，另外在demo中也提供了php版本。 本文是介绍如何在java web application中来实现导出功能。 首选需要在lib中加入batik jar包，如果是使用maven来管理项目，则在库中只能找到1.6的版本，同时需要另外下载一个包(xml-apis-ext.jar)。 public class ExportHighFreqChartServlet extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet { public ExportHighFreqChartServlet() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServerException, IOException { String type = request.getParameter("type"); String svg = request.getParameter("svg"); String filename = [...]

  posted in 技术类 by 半醒