5
我想用HighStock JS來表示JSON數據的圖形表示,我想用另一條直線連接圖上的兩點..例如..mine是一個股票市場圖,我想用一條直線連接圖中每日的「高點」或「低點」......用Highstock JS圖表可以做到這一點嗎?連接圖中的兩點
我想用HighStock JS來表示JSON數據的圖形表示,我想用另一條直線連接圖上的兩點..例如..mine是一個股票市場圖,我想用一條直線連接圖中每日的「高點」或「低點」......用Highstock JS圖表可以做到這一點嗎?連接圖中的兩點
是的,你可以用HighStock JS做到這一點。創建圖之後,可以使用renderer.path方法創建路徑。它遵循與SVG路徑相同的形式。這是一個簡短的小片段,它將創建一個從絕對座標(300,50)到(400,50)的直線。有關更多詳細信息,請參閱渲染器文檔http://www.highcharts.com/ref/#renderer
$(function() {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
},
function(chart) { // on complete
chart.renderer.path(['M', 300, 50, 'L', 400, 50])
.attr({
'stroke-width': 2,
stroke: 'red'
})
.add();
});
});