How can I show shared tooltip for JSON array items? #30
Replies: 1 comment 4 replies
-
|
You can do this using the following paths: servers\..\name |
Beta Was this translation helpful? Give feedback.
-
|
Huh, tried that but no luck. Maybe got the backslash quoting wrong. |
Beta Was this translation helpful? Give feedback.
-
|
Prob doing something wrong, but can't get this to work. Using the simple page below with data and tooltip definitions (using 2.9.0). I get two tooltips:
No tooltip for the phone brand, none for server name. <!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="jsontree.js.css" />
<script src="jsontree.js"></script>
</head>
<body>
<h3>JSON tree view</h3>
<div
id="tree-1"
data-jsontree-js="{
title: {
show: false,
showTreeControls: true,
showCopyButton: true
},
showCounts: true,
sortPropertyNames: false,
sortPropertyNamesInAlphabeticalOrder: false,
data: {
'servers': [
{
'name': 'serverName1',
'brand': 'serverBrand1'
},
{
'name': 'serverName2',
'brand': 'serverBrand2'
},
],
'users': [
{
'name': 'userName1',
'country': 'userCountry1',
'phone': [
{
'brand': 'Apple',
'number': '123455667',
'countryCode': '+46'
}
]
},
{
'name': 'userName2',
'country': 'userCountry2',
'phone': [
{
'brand': 'Samsung',
'number': '87654321',
'countryCode': '+47'
}
]
},
]
},
tooltip: {
delay: 50,
offset: 15
},
valueToolTips: {
'servers': 'Servers',
'\\servers\\..\\name': 'Server name 1',
'servers\\..\\name': 'Server name 2',
'..\\..\\brand': 'Brand 1',
'..\\..\\..\\brand': 'Brand 2',
}
}"
style="width: 100%; max-width: 100%"
></div>
</body>
</html> |
Beta Was this translation helpful? Give feedback.
-
Try this: |
Beta Was this translation helpful? Give feedback.
-
|
I'm going to add a new setting that will log all the paths that can be used for tooltips to make this easier in the future. |
Beta Was this translation helpful? Give feedback.
-
This is included in 2.8.1, but I cannot get it to work.
Let's say I have this JSON
{ "servers": [ { "name": "serverName1", "brand": "serverBrand1" }, { "name": "serverName2", "brand": "serverBrand2" }, ], "users": [ { "name": "userName1", "country": "userCountry1", "phone": [ { "number": "123455667", "countryCode": "+46" } ] }, { "name": "userName2", "country": "userCountry2", "phone": [ { "number": "87654321", "countryCode": "+47" } ] }, ] }What would the tooltip definitions be if I'd like to have different (general) tooltips for
servers[].nameandusers[].name?I guess the question is if it is possible to have leaf properties with the same name (in this case
name) in different arrays, and these properties get different tooltips.Also, what if there are arrays within arrays?
How would I define a general tooltip for phone countrycode in the example above?
Feels like this is a can of worms opening when looking at all the possible combinations..
Beta Was this translation helpful? Give feedback.
All reactions