dataSortByValues

Here you can set type of sorting. You can choose between "ascending" and "decending"

Note

You need to activate this sorting type by setting up the general route in “sort current”

Specification

Default implementation: { dataSortByValues : decending }

Key

Name	Alias	Category
`dataSortByValues`	`data__sort__by__values`	Data

Value

Allow "ascending" or "decending" as value.

Default	Validation	Type
`"decending"`	`^(?:ascending\|decending)`	String

Example A.

Set sequence to: ascending and hide average line.

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", "dataSortByValues" : "ascending", "showAverage" : false }`	Object

Source Code

Invoke Function

d3.statosio( 
    file, 
    "name", 
    [ "mobile" ], 
    { "dataSortCurrent" : "values", "dataSortByValues" : "ascending", "showAverage" : false }
)
  

HTML Implementation

<!DOCTYPE html>
<head>
    <title>d3.statosio - dataSortByValues</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", "dataSortByValues" : "ascending", "showAverage" : false }
                )
            } )
    </script>
</body>
  

Example B.

Set sequence to: decending

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", "dataSortByValues" : "decending" }`	Object

Source Code

Invoke Function

d3.statosio( 
    file, 
    "name", 
    [ "mobile" ], 
    { "dataSortCurrent" : "values", "dataSortByValues" : "decending" }
)
  

HTML Implementation

<!DOCTYPE html>
<head>
    <title>d3.statosio - dataSortByValues</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", "dataSortByValues" : "decending" }
                )
            } )
    </script>
</body>
  

Example C.

Set sequence to: ``````

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" : "none" }`	Object

Source Code

Invoke Function

d3.statosio( 
    file, 
    "name", 
    [ "mobile" ], 
    { "dataSortCurrent" : "none" }
)
  

HTML Implementation

<!DOCTYPE html>
<head>
    <title>d3.statosio - dataSortByValues</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" : "none" }
                )
            } )
    </script>
</body>
  