高图-图表的导出当前状态

如何解决高图-图表的导出当前状态

| Highcharts的导出方法根据用户的交互使用图表的初始状态,而不是最新状态。如果显示/隐藏某些系列,然后导出图表,您仍然会获得所有系列,而不是图表实际显示的内容。
var chart;
$(document).ready(function() {

    chart = new Highcharts.Chart({
        chart: {
            renderTo: \'chart\',defaultSeriesType: \'line\',},title: {
            text: \'Expression Profile\',subtitle: {
            text: \'Reference: act\'
        },xAxis: {
            categories: [\'14das-seedling\',\'25das-aerial\',\'35das-aerial\',\'42das-rosette\',\'42das-stem\',\'53das-stem\',\'53das-inflores\'],title: {
                text: \'Development stages\',margin:20
            }

        },yAxis: {
            title: {                                            
                text: \'Log10 act\'
            },plotLines: [{
                value: 0,width: 1,color: \'#808080\'
            }]
        },legend: {
            margin:20
        },tooltip: {
            formatter: function() {
                return \'<b>mir\'+ this.series.name +\'</b><br/>\'+
                                this.x +\' <br/>log10:\'+ this.y ;
            }
        },series: [
            {
                name: \'156a\',data: [-2.75607,-3.41066,-4.10053,-4.63856,-4.73462,-4.6145,-3.90987]
            },{
                name: \'156b\',data: [-4.15935,-6.54969,-6.70229,-5.80646,-5.68092,-5.38481,-5.96406]
            },{
                name: \'156c\',data: [-4.83317,-5.52142,-4.94995,-5.47179,-4.97123,-4.86163,-5.12806]
            },{
                name: \'156d\',data: [0,-5.93499,-5.41856,-5.88918,-6.70304,-5.69335,-5.39792]
            },{
                name: \'156e\',data: [-4.0707,-6.1185,-6.58353,-6.17734,-6.84433,-5.4114,-5.37817]
            },{
                name: \'156f\',data: [-3.97561,-5.02619,-5.67834,-5.65722,-5.76238,-4.51125,-5.30344]
            },{
                name: \'156g\',data: [-3.81589,-2.50758,-2.41623,-3.63983,-3.73004,-2.90055,-3.61997]
            },{
                name: \'156h\',data: [-4.31169,-5.74017,-5.55419,-5.26679,-5.01009,-4.99596,-5.68062]
            }
         ] 
    });
});
这是我的小提琴:http://jsfiddle.net/sherlock85/safKs/ 是否可以导出图表的当前状态? 任何帮助,将不胜感激。     

解决方法

对我来说,即使我修改图表,也要导出最新状态。我想如果您在修改后执行chart.redraw(),它将导出最新状态。也请尝试升级到最新版本的highcharts。     ,此问题已在Highcharts的2.1.5版本中修复。我相信下面看到的变更日志中的评论可以解决您的问题。   现在,导出的图表会遵循用户设置的缩放和可见性选项后的最小值和最大值。     ,如果您在图表中使用了以下代码,问题仍然存在:
chart = new Highcharts.Chart({
        chart: {
            ...,events: {
                load: function(event) {
                    this.series.forEach(function(d,i){if(d.options.id==1)d.hide()})
                }
            }    
        },...
这段代码负责最初在图形中隐藏系列(在此示例中,id == 1)。似乎具有无法导出图形当前状态的负面影响。 删除它,并解决了最初的问题。 如果您仍然想保留数据系列的“初始隐藏”,并且例如使用AJAX(和jQuery)来获取数据,请改用以下类型的代码:
$.ajax({
    type: \"GET\",url: myURL,data: {data: myData},dataType: \'json\',success: function(data) {
        chart.series[0].setData(data[0],true);
        chart.series[1].setData(data[1],true);
    },complete: function(jqXHR,textStatus) {
        chart.series[1].hide();
    }
});
    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-