在chart.js類別縮放zooming/blowup和平移選項

我使用chart.js製作圖表。我已經成功完成了圖表的事情。只是我想在這方面提供幫助，有時可能只有30-40點的陰謀。但通常約有1000點。在chart.js類別縮放zooming/blowup和平移選項

那麼，我可以使用哪種優化選項來更好地分析此報告工具。像是有任何選項放大特定點，或者我可以使用滾動來滾動我的圖表，並將其橫向展開，非常大。

這是我的圖表圖像。

ü可以看到有很多點，都是擁擠。我想知道什麼是合適的解決方案。

這是我的圖表配置，我已將其設置爲響應。

var options = { 
    responsive: true, 
    title: { 
     display: true, 
     position: "top", 
     text: label, 
     fontSize: 18, 
     fontColor: "#111" 
    }, 
    legend: { 
     display: true, 
     position: "bottom", 
     labels: { 
      fontColor: "#333", 
      fontSize: 16 
     } 
    }, 
    tooltips: { 
     enabled: true, 
     mode: 'single', 
     callbacks: { 
      label: function(tooltipItems, data) { 
       var multistringText = ['Assay Value: '+tooltipItems.yLabel]; 
       multistringText.push('Assigned Value: '+assigned_value[tooltipItems.index]); 
       multistringText.push('Sample ID: '+sample_id[tooltipItems.index]); 
       return multistringText; 
      } 
     } 
    },

更新：搜索和官方chartjs git庫創建一個問題後。這對於類別/簡單的x軸線是不可能的。這意味着您無法通過x軸上的類別/簡單比例以此方式在圖表中添加平移。然而，縮放仍然正常工作。爲未來的讀者編輯這個問題。

P.s：如果是負面投票，請留言。

來源

2017-03-24 tech_geek

結賬chartjs-plugin-zoom。這是一個插件，增加了放大/縮小和平移左/右/上/下的功能，以查看縮放圖表上當前未顯示的其餘數據。

這裏是一個生活codepen example。

我不確定它會完全滿足您的需求，但是它是一個很好的開始的地方（您可以使用它作爲基礎並將其擴展到您的需要）。這個插件也是由chart.js開發/支持的。

來源

2017-03-24 19:52:32 jordanwillis

讓我檢查並查看如何使用它。將嘗試我的項目。 :)謝謝任何方式:) –

也可以告訴我，如果有可能的解決方案，以放大特定點，因爲它通常隨機放大圖表 –

林不知道是否有一個選項來做到這一點。讓我明天看看來源，看看它是否可以添加。 – jordanwillis

在chart.js類別縮放zooming/blowup和平移選項

回答

相關問題