gpt4 book ai didi

javascript - Highcharts : Adding flags to a line chart

转载 作者:行者123 更新时间:2023-12-02 15:34:06 25 4
gpt4 key购买 nike

我有一个关于如何向折线图添加标志的问题,我尝试了几种方法,但似乎没有任何效果,我有一个看起来像这样的图表

$(function () {
$('#container').highcharts({
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar']
},
yAxis: {
title: {
text: 'Temperature (°C)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '°C'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5]
} ]
});
});

http://jsfiddle.net/t2uekmx2/

我想为其添加标志,如下图所示

http://jsfiddle.net/1tc3agv5/

谢谢。

最佳答案

标志仅在 highstock.js 中可用,在 highcharts.js 中不可用,您应该更新 js 库,然后使用创建标志

    {
type : 'flags',
data : [{
x : yourX,
title : 'title here',
text : 'your text'
}

参见Updated fiddle ,如果您将 xAxis 的类型定义为 dateTime,请在标志的 x 中提供 dateTime 的值:yourX。

关于javascript - Highcharts : Adding flags to a line chart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33087240/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com