K线图参数标题汉化:Y轴标签、Tooltip OHLC 字段改为中文
This commit is contained in:
@@ -43,8 +43,8 @@ function render() {
|
|||||||
{ type: 'category', gridIndex: 1, data: dates, scale: true, boundaryGap: false, axisLabel: { show: false } },
|
{ type: 'category', gridIndex: 1, data: dates, scale: true, boundaryGap: false, axisLabel: { show: false } },
|
||||||
]
|
]
|
||||||
const yAxes: any[] = [
|
const yAxes: any[] = [
|
||||||
{ scale: true, splitArea: { show: true } },
|
{ scale: true, splitArea: { show: true }, name: '价格', nameLocation: 'end', nameTextStyle: { fontSize: 11 } },
|
||||||
{ gridIndex: 1, scale: true, splitNumber: 3 },
|
{ gridIndex: 1, scale: true, splitNumber: 3, name: '持仓', nameLocation: 'end', nameTextStyle: { fontSize: 11 } },
|
||||||
]
|
]
|
||||||
const series: any[] = [
|
const series: any[] = [
|
||||||
{
|
{
|
||||||
@@ -74,7 +74,7 @@ function render() {
|
|||||||
if (hasScores) {
|
if (hasScores) {
|
||||||
grids.push({ left: isMobile.value ? 48 : 60, right: isMobile.value ? 12 : 40, top: '88%', height: '10%' })
|
grids.push({ left: isMobile.value ? 48 : 60, right: isMobile.value ? 12 : 40, top: '88%', height: '10%' })
|
||||||
xAxes.push({ type: 'category', gridIndex: 2, data: dates, scale: true, boundaryGap: false, axisLabel: { show: false } })
|
xAxes.push({ type: 'category', gridIndex: 2, data: dates, scale: true, boundaryGap: false, axisLabel: { show: false } })
|
||||||
yAxes.push({ gridIndex: 2, min: 0, max: 100, splitNumber: 2 })
|
yAxes.push({ gridIndex: 2, min: 0, max: 100, splitNumber: 2, name: '综合分', nameLocation: 'end', nameTextStyle: { fontSize: 11 } })
|
||||||
series.push({
|
series.push({
|
||||||
name: '综合分',
|
name: '综合分',
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
@@ -98,7 +98,30 @@ function render() {
|
|||||||
chart.setOption(
|
chart.setOption(
|
||||||
{
|
{
|
||||||
backgroundColor: 'transparent',
|
backgroundColor: 'transparent',
|
||||||
tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } },
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
axisPointer: { type: 'cross' },
|
||||||
|
formatter: (params: any) => {
|
||||||
|
if (!Array.isArray(params)) return ''
|
||||||
|
const date = params[0]?.axisValue || ''
|
||||||
|
let html = `<strong>${date}</strong><br/>`
|
||||||
|
for (const p of params) {
|
||||||
|
if (p.seriesName === 'K 线') {
|
||||||
|
const ohlc = p.data as number[]
|
||||||
|
const labels = ['开盘', '收盘', '最低', '最高']
|
||||||
|
html += labels.map((n, i) => `${p.marker} ${n}: ${ohlc[i] ?? '-'}`).join('<br/>') + '<br/>'
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
let name = p.seriesName
|
||||||
|
let val: string
|
||||||
|
if (name === '持仓量') val = (p.data as number)?.toLocaleString() ?? '-'
|
||||||
|
else if (name === '综合分') val = (p.data as number)?.toFixed(1) ?? '-'
|
||||||
|
else val = p.data ?? '-'
|
||||||
|
html += `${p.marker} ${name}: ${val}<br/>`
|
||||||
|
}
|
||||||
|
return html
|
||||||
|
},
|
||||||
|
},
|
||||||
legend: { data: legendData, top: 0 },
|
legend: { data: legendData, top: 0 },
|
||||||
grid: grids,
|
grid: grids,
|
||||||
xAxis: xAxes,
|
xAxis: xAxes,
|
||||||
|
|||||||
Reference in New Issue
Block a user