dataSortCurrent
Set the general route for sorting. You can choose between "none", "values", "names".
Specification
Default implementation: { dataSortCurrent : none }
Key
Name | Alias | Category |
dataSortCurrent | data__sort__current | Data |
Value
Allow "none", "values" and "names" as value
Default | Validation | Type |
"none" | ^(?:none|values|names) | String |
Example A.
Set sort to: values
Output
Open output in a blank window. Download examples as zip.
Parameters
This dataset shows the mobile google pagerank performance score for a certain website.
Value | Type | |
---|---|---|
Source | "../data/performance.json" | String |
X | "name" | String |
Y | [ "mobile" ] | Array |
Options | { "dataSortCurrent" : "values" } | Object |
Source Code
- Invoke Function
d3.statosio(
file,
"name",
[ "mobile" ],
{ "dataSortCurrent" : "values" }
)
- HTML Implementation
<!DOCTYPE html>
<head>
<title>d3.statosio - dataSortCurrent</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.2.0/d3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/statosio/0.9/statosio.js"></script>
</head>
<body>
<script>
d3.json( "../data/performance.json" )
.then( ( file ) => {
d3.statosio(
file,
"name",
[ "mobile" ],
{ "dataSortCurrent" : "values" }
)
} )
</script>
</body>
Example B.
Set sort to: names
Output
Open output in a blank window. Download examples as zip.
Parameters
This dataset shows the mobile google pagerank performance score for a certain website.
Value | Type | |
---|---|---|
Source | "../data/performance.json" | String |
X | "name" | String |
Y | [ "mobile" ] | Array |
Options | { "dataSortCurrent" : "names" } | Object |
Source Code
- Invoke Function
d3.statosio(
file,
"name",
[ "mobile" ],
{ "dataSortCurrent" : "names" }
)
- HTML Implementation
<!DOCTYPE html>
<head>
<title>d3.statosio - dataSortCurrent</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.2.0/d3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/statosio/0.9/statosio.js"></script>
</head>
<body>
<script>
d3.json( "../data/performance.json" )
.then( ( file ) => {
d3.statosio(
file,
"name",
[ "mobile" ],
{ "dataSortCurrent" : "names" }
)
} )
</script>
</body>