我正在尝试将 HighStock JS 用于 JSON 数据的图形表示,并且我想使用另一条直线连接图表上的两个点。例如 ..mine 是股票市场图表,我想连接每日“高点”或在该图中用直线“低点”......是否可以使用 Highstock JS 图表来做到这一点?
问问题
459 次
1 回答
0
是的,您可以使用 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();
});
});
于 2012-03-25T19:09:31.053 回答