如何僅在點擊複選框時將線條系列擴展爲點狀？

我有一個從0-t1區間x的系列。如果用戶點擊圖例旁邊的檢查，我想從t1-t2（同一系列）中顯示延長的虛線。如何僅在點擊複選框時將線條系列擴展爲點狀？

任何人都可以建議如何去做呢？

2017-06-21 prabh_singh

如果我理解喲ü正確的，你應該能夠使用區域來改變你的系列中的dashStyle：http://jsfiddle.net/yavvLvea/ –

雅我看到了，但我的要求有點不同，我不希望虛線被顯示在第一個地方，當用戶喜歡在系列圖例名 –

旁邊檢查時，它只會出現。可以在HC中動態更新系列。 http://jsfiddle.net/yavvLvea/1/如果我的示例將滿足您的要求，我會將其作爲回答發佈 –

您應該能夠使用checkboxClick功能更新的複選框，點擊系列： http://api.highcharts.com/highcharts/plotOptions.series.events.checkboxClick http://api.highcharts.com/highcharts/Series.update

您可以使用區域從一些價值改變你的線條風格： http://api.highcharts.com/highcharts/plotOptions.series.zones

series: [{ 
    data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5], 
    showCheckbox: true, 
    events: { 
     checkboxClick: function() { 
     var checkbox = this.checkbox; 
     var newData = $.extend([], true, data); 
     for (var i = 0; i < 14; i++) { 
      newData.push(20 * Math.random()); 
     } 
     if (checkbox.checked) { 
      this.update({ 
      zones: [{ 
       value: data.length - 1, 
      }, { 
       dashStyle: 'dash' 

      }], 
      selected: false, 
      zoneAxis: 'x', 
      data: newData 
      }) 
     } else { 
      this.update({ 
      zones: [], 
      data: data, 
      selected: true 
      }); 
     } 
     } 
    } 
    }]

帶區域圖表的實例： http://jsfiddle.net/yavvLvea/3/

來源

2017-06-22 13:20:14

如何僅在點擊複選框時將線條系列擴展爲點狀？

回答

相關問題