Таким образом, по умолчанию, если вы используете инструмент «Измерение-x» в фондовых инструментах биржевой диаграммы в Highstock, он показывает красный фон, и вы не можете видеть диаграмму за выбранным красным полем инструмента измерения.
Я хочу сделать красный цвет как можно более прозрачным, если это возможно, точно так же, как мера-y или мера-xy, которые имеют светло-белый цвет с прозрачным цветом фона. Я не могу понять, как это сделать?
Мой код:
Highcharts.stockChart('container', {
yAxis: [{
labels: {
align: 'left'
},
height: '80%',
resize: {
enabled: true
}
}, {
labels: {
align: 'left'
},
top: '80%',
height: '20%',
offset: 0
}],
tooltip: {
shape: 'square',
headerShape: 'callout',
borderWidth: 0,
shadow: false,
positioner: function(width, height, point) {
var chart = this.chart,
position;
if (point.isHeader) {
position = {
x: Math.max(
// Left side limit
chart.plotLeft,
Math.min(
point.plotX + chart.plotLeft - width / 2,
// Right side limit
chart.chartWidth - width - chart.marginRight
)
),
y: point.plotY
};
} else {
position = {
x: point.series.chart.plotLeft,
y: point.series.yAxis.top - chart.plotTop
};
}
return position;
}
},
series: [{
type: 'ohlc',
id: 'aapl-ohlc',
name: 'AAPL Stock Price',
data: ohlc
}, {
type: 'column',
id: 'aapl-volume',
name: 'AAPL Volume',
data: volume,
yAxis: 1
}],
responsive: {
rules: [{
condition: {
maxWidth: 800
},
chartOptions: {
rangeSelector: {
inputEnabled: false
}
}
}]
}
});
Вы можете изменить цвет фона с помощью опций:
navigation: {
bindings: {
measure: {
annotationsOptions: {
typeOptions: {
background: {
fill: 'rgba(50, 150, 50, 0.5)'
}
}
}
}
}
}
Живая демонстрация:https://jsfiddle.net/BlackLabel/o1g78rfd/
есть ли способ изменить цвет текста внутри инструмента измерения?
Привет @T Ravi Theja, Конечно, вы можете установить цвет для меток аналогичным образом: jsfiddle.net/BlackLabel/yvkzp7gt
Большое спасибо @ppotaczek, я начинаю становиться вашим поклонником, ребята, из Blacklabel.