Мне нужно построить график, используя ZingChart, имеющую одну ось X, но две оси Y (одна ось Y на нижней стороне, а другая чуть выше нее, обе слева). Но при этом горизонтальная линия появляется только в конце верхнего графика. Вот один снимок того же самого.
https://imgur.com/emEryrS
Я не хочу показывать ось X на приведенном выше графике (если она существует), но я не совсем уверен, является ли она осью x, маркером или направляющей.
Когда я добавляю «visible: false» в ScaleY2, исчезает вся шкала, включая эту горизонтальную линию. Но если я помещу «visible: false» в первую серию, исчезнет только линия, нанесенная на график, но эта горизонтальная линия останется там.
obj = {
gui: {
contextMenu : {
empty : true
}
},
type: "line",
backgroundColor: "#fff",
plot: {
decimals: decimal,
thousandsSeparator: ",",
"data-period": val_month_chart,
activeArea: true,
alphaArea: 0.5,
hoverMarker:{
size: 8,
visible: true
},
tooltip: {
text: tooltipText,
visible: false
}
},
plotarea:{
backgroundColor: "#fff",
margin: marginCOGS
//margin: "10 20 30 35"
},
crosshairX: {
lineColor: "#4D5B69",
lineStyle: "line",
lineWidth: 2,
//marker: '#D82A47',
alpha: 0.6,
sticky: false,
timeout: 5000,
plotLabel: {
text: tooltipText,
alpha: 0.8,
backgroundColor: "#4D5B69",
borderColor: "#4D5B69",
borderRadius: "3px",
bold: false,
fontColor: "#fff",
//offsetY: "-200px",
fontSize: "12px",
shadow: false,
//sticky: true,
//timeout: 3000,
"short": tooltipShort,
shortUnit: "M",
//shortUnit: tooltipUnit,
thousandsSeparator: ",",
decimals: tooltipDP
},
scaleLabel: {
text: "%l"
},
marker: {
backgroundColor: '#D82A47',
borderColor: "#fff",
borderWidth: "2px",
rules:[
{
rule: '%N == 1',
visible: true
},
{
rule: '%N > 1',
visible: false
}
]
}
},
scaleX: {
labels: val_month_chart,
//step: step,
itemsOverlap: false,
maxItems: 12,
visible: false,
/* transform: {
type: "dateFormat",
all: dateFormat
}, */
guide: {
visible: false
}
},
scaleY: {
format: scaleYFormat,
offsetEnd: offsety_top10,
short: tooltipShort,
shortUnit: "M",
lineColor: "#666666",
thousandsSeparator: ",",
lineWidth: 0,
decimals: 0,
minValue: val_min,
maxValue: val_max*inc_Value_top10,
//maxValue: max_Value_top10,
visible: true,
//lineStyle:"solid",
guide: {
visible: true
},
tick:{
lineWidth:0
},
item:{
rules: [
{
rule: '%i === 0',
visible:false
}
]
}
},
scaleY2: {
placement: "default",
blended: "true",
format: scaleYFormat,
offsetStart: "95%",
short: tooltipShort,
shortUnit: "M",
lineColor: "#666666",
lineWidth: 0,
decimals: 0,
minValue: val_min,
maxValue: val_max*inc_Value_top10,
// maxValue: val_minChina + 10000000000,
thousandsSeparator: ",",
visible: visible_flag_top10,
//visible: false,
lineStyle:"solid",
guide: {
visible: visible_flag_top10
//visible: false
},
tick:{
lineWidth:0,
visible: false
},
item:{
rules: [
{
rule: '%i === 0',
visible:false
}
]
}
},
series:[
{
values: val_1,
text: country_1[0],
scales: "scaleX,scaleY2",
visible: visible_flag_top10,
backgroundColor: "#fff",
lineColor: colorCode[0],
marker: {
visible: false,
backgroundColor: colorCode[0],
//backgroundColor: "#fff",
borderColor: "#fff",
borderWidth: "2px",
/*rules:[
{
rule: '%N == 1',
visible: true
},
{
rule: '%N > 1',
visible: false
}
]*/
}
},
{
values: val_2,
text: country_2[0],
scales: "scaleX,scaleY",
backgroundColor: "#fff",
lineColor: colorCode[1],
marker: {
backgroundColor: colorCode[1],
borderColor: "#fff",
borderWidth: "2px",
rules:[
{
rule: '%N == 1',
visible: true
},
{
rule: '%N > 1',
visible: false
}
]
}
},
В этом коде есть другие серии, как и будет, но этот код от начала до второй серии. Я пытаюсь решить проблему, используя изменяющееся свойство ScaleY2, но безуспешно. Я не могу понять, является ли эта горизонтальная линия другой шкалой, маркером или ориентиром. Я тоже пытался вести, но горизонтальная линия все еще там.