亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法更新高圖表的數據

無法更新高圖表的數據

開滿天機 2022-09-23 09:22:18
我想在按鈕點擊時更新圖表上的數據。我已嘗試使用 和 。兩者都沒有用最新信息更新我的圖表。addSeriesredraw這是怎么回事?let stacks1 = [{            linkedTo: 'yo',                name:'yo',            data: [106.4, 129.2, 144.0, 29.9, 71.5],            stack: 1,        }, {            linkedTo:'yo0',                name:'yo0',            data: [148.5, 216.4, 30, 176.0, 135.6],            stack: 1,        }]let stacks2 = [{                        id: 'yo',                name:'yo',            data: [29.9, 71.5, 106.4, 129.2, 144.0],            stack: 2        }, {                id:'yo0',                name:'yo0',            data: [30, 176.0, 135.6, 148.5, 216.4],            stack: 2        }]Highcharts.chart('container', {    chart: {        type: 'column'    },    xAxis: {        categories: ['One', 'Two', 'Three', 'Four', 'Five']    },    plotOptions: {        column: {            stacking: 'normal'        }    },    series: stacks2});$('#btn').on('click', function(){$('#container').highcharts().addSeries(stacks1);$('#container').highcharts().redraw();});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://code.highcharts.com/highcharts.js"></script><div id="container" style="height: 400px"></div><button type="button" id='btn'>Click Me!</button>如您所見,它正在添加一個隨機圖例。也沒有添加我的最新數據。Series 3它不應該添加 .由于我已添加到我正在添加的新堆棧中。所有堆疊圖表應由 2 個圖例控制。Series 3linkedTo單擊時,我只想向現有圖表添加一組新數據。為什么沒有發生這種情況?我需要一個具有2個堆棧的堆疊柱形圖,第二個堆棧應在單擊時形成
查看完整描述

2 回答

?
胡說叔叔

TA貢獻1804條經驗 獲得超8個贊

您需要使用方法兩次:addSeries

$('#btn').on('click', function() {
    chart.addSeries(stacks1[0], false);
    chart.addSeries(stacks1[1], false);

    chart.redraw();
});

現場演示:http://jsfiddle.net/BlackLabel/4aqn02s8/

API 參考:https://api.highcharts.com/class-reference/Highcharts.Chart#addSeries


查看完整回答
反對 回復 2022-09-23
?
當年話下

TA貢獻1890條經驗 獲得超9個贊

addSeries 期望單個系列的配置選項作為第一個參數 - https://api.highcharts.com/class-reference/Highcharts.Chart#addSeries。


您正在嘗試添加堆棧1,其中包含兩組選項。如果分別添加兩個系列,則有效。您還可以通過將第二個參數設置為 true 來使用 addSeries 命令重繪圖表。請參閱下面的代碼/代碼段。


let stacks11 = {

            linkedTo: 'yo',

                name:'yo',

            data: [106.4, 129.2, 144.0, 29.9, 71.5],

            stack: 1,

        }

let stacks12 = {

            linkedTo:'yo0',

                name:'yo0',

            data: [148.5, 216.4, 30, 176.0, 135.6],

            stack: 1,

        }


let stacks2 = [{        

                id: 'yo',

                name:'yo',

            data: [29.9, 71.5, 106.4, 129.2, 144.0],

            stack: 2

        }, {

                id:'yo0',

                name:'yo0',

            data: [30, 176.0, 135.6, 148.5, 216.4],

            stack: 2

        }]


Highcharts.chart('container', {

    chart: {

        type: 'column'

    },


    xAxis: {

        categories: ['One', 'Two', 'Three', 'Four', 'Five']

    },


    plotOptions: {

        column: {

            stacking: 'normal'

        }

    },


    series: stacks2

});


$('#btn').on('click', function(){

$('#container').highcharts().addSeries(stacks11);

$('#container').highcharts().addSeries(stacks12,true);

//$('#container').highcharts().redraw();

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://code.highcharts.com/highcharts.js"></script>


<div id="container" style="height: 400px"></div>

<button type="button" id='btn'>Click Me!</button>


查看完整回答
反對 回復 2022-09-23
  • 2 回答
  • 0 關注
  • 109 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號