У меня есть многострочная диаграмма с всплывающей подсказкой, показывающей данные, линейная диаграмма выглядит так
Я настроил так, чтобы отображалась только линия, по которой щелкнули в легенде, и ее всплывающая подсказка при наведении курсора на точку.
Поскольку есть много строк параметров, которые в некоторых точках перекрываются, подсказка иногда показывает другой параметр, который скрывается, например, на приведенном выше рисунке я выбрал строку PRAUC из легенды и навел курсор на ее всплывающую подсказку, но для той же строки, если я наведите курсор на другую точку, он показывает другое значение параметра, так как эта линия перекрывается с этой, как показано ниже, но ее линия скрыта
Я установил значение непрозрачности 0,02 для строки, но даже если я наведу курсор, я вижу всплывающие подсказки, возможно ли показать всплывающую подсказку только для выбранной строки, мой полный код ниже
{
"$schema": "https://vega.github.io/schema/vega-lite/v2.6.0.json",
"title": "Model Dashboard",
"data": {
"url" : {
"%context%": true,
"index": "creditloan.ml_models_v2.comparison",
"body": {
"size":10000,
"_source": ["Metrics","Value","modelName","modelAlgorithm","modelStartTime"],
}
}
"format": {"property": "hits.hits"},
},
"transform": [{
"filter": "datum._source.Value <= 1.0"
}],
"mark": {
"type": "line",
"point": {
"size": 250
}
"strokeWidth": 4,
"strokeCap" : "round",
"interpolate" :"monotone"
},
"selection": {
"industry": {
"type": "multi", "fields": ["_source.Metrics"], "bind": "legend"
}
},
"encoding": {
"x": {"field": "_source.modelStartTime",
"type": "nominal",
"title":"Models"
"axis": {
"labelAngle": -20,
"labelLimit": 500,
"labelFontSize" : 14
},
"sort": {"order": "descending", "field": "_source.modelStartTime"}
},
"y": {"field": "_source.Value",
"type": "quantitative",
"title":"Metric Score",
"scale": { "domain": [0.0, 1.0] }
},
"color": {"field": "_source.Metrics",
"type": "nominal",
"title":"Metrics"},
"tooltip": [
{"field": "_source.Metrics", "type": "nominal", "title":"Metric"},
{"field": "_source.Value", "type": "quantitative", "title":"Value"},
{"field": "_source.modelAlgorithm", "type": "nominal", "title":"ModelAlgorithm"},
{"field": "_source.modelStartTime", "type": "nominal", "title":"ModelStartTime"},
{"field": "_source.modelName", "type": "nominal", "title":"ModelName"}
],
"opacity": {
"condition": {"selection": "industry", "value": 1},
"value": 0.02
}
}
}
Чтобы всплывающая подсказка не отображалась для скрытых данных, вы можете отфильтровать данные на основе выбора; то есть добавьте это в свой список преобразований:
{"filter": {"selection": "industry"}}
а затем удалите кодировку непрозрачности.
это прекрасно, спасибо, также не могли бы вы помочь с этим stackoverflow.com/questions/65226557/…