1
我正在開發一個帶有Ionic 3(和角度4)的移動應用程序,並且我需要做一些圖表。嗯,它好像是條形圖,如下圖所示。但是我需要每小時一個條形圖,並且需要放大。當用戶放大時,我應該更詳細地顯示時間。縮放和Ionic(2.x/3.x)圖表中的細節
有人可以幫助我如何做到這一點?
我正在開發一個帶有Ionic 3(和角度4)的移動應用程序,並且我需要做一些圖表。嗯,它好像是條形圖,如下圖所示。但是我需要每小時一個條形圖,並且需要放大。當用戶放大時,我應該更詳細地顯示時間。縮放和Ionic(2.x/3.x)圖表中的細節
有人可以幫助我如何做到這一點?
您可以使用highCHarts:
$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-v.json&callback=?', function (data) {
// create the chart
Highcharts.stockChart('container', {
chart: {
alignTicks: false
},
rangeSelector: {
selected: 1
},
title: {
text: 'AAPL Stock Volume'
},
series: [{
type: 'column',
name: 'AAPL Stock Volume',
data: data,
dataGrouping: {
units: [[
'week', // unit name
[1] // allowed multiples
], [
'month',
[1, 2, 3, 4, 6]
]]
}
}]
});
});
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 400px"></div>
我可以使用帶有離子2 highcharts?有用? –
是的,它在Ionic中完美運行 – Melchia
好的,我會測試它。但是,你知道我是否可以使用npm將其安裝在我的項目中? –