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	"https://docs.statosio.com/data/performance.json"
X	`"name"`	String
Y	`[ "mobile" ]`	Array
Options	`{ "dataSortCurrent" : "values", "dataSortByValues" : "ascending", "showAverage" : false }`	Object

Javascript

Invoke Function

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

HTML Implementation

<!DOCTYPE html>
<head>
    <title>docs.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( "https://docs.statosio.com/data/performance.json" )
            .then( ( file ) => {
                d3.statosio( 
                    file, 
                    "name", 
                    [ "mobile" ], 
                    { "dataSortCurrent" : "values", "dataSortByValues" : "ascending", "showAverage" : false }
                )
            } )
    </script>
</body>
  

Ruby

Gem Install

gem install statosio
gem install prawn
gem install prawn-svg
gem install open-uri
  

Implementation

require "statosio"

require "open-uri"
require "prawn"
require "prawn-svg"

url = "https://docs.statosio.com/data/performance.json"
file = OpenURI::open_uri( url ).read
dataset = JSON.parse( file )

statosio = Statosio::Generate.new
chart = statosio.svg(
    dataset: dataset,
    x: "name", 
    y: [ "mobile" ],
    options: {"dataSortCurrent"=>"values",
 "dataSortByValues"=>"ascending",
 "showAverage"=>false}
    
)

Prawn::Document.generate( "statosio.pdf" ) do | pdf |
  pdf.svg( chart, width: 500 )
end
  

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	"https://docs.statosio.com/data/performance.json"
X	`"name"`	String
Y	`[ "mobile" ]`	Array
Options	`{ "dataSortCurrent" : "values", "dataSortByValues" : "decending" }`	Object

Javascript

Invoke Function

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

HTML Implementation

<!DOCTYPE html>
<head>
    <title>docs.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( "https://docs.statosio.com/data/performance.json" )
            .then( ( file ) => {
                d3.statosio( 
                    file, 
                    "name", 
                    [ "mobile" ], 
                    { "dataSortCurrent" : "values", "dataSortByValues" : "decending" }
                )
            } )
    </script>
</body>
  

Ruby

Gem Install

gem install statosio
gem install prawn
gem install prawn-svg
gem install open-uri
  

Implementation

require "statosio"

require "open-uri"
require "prawn"
require "prawn-svg"

url = "https://docs.statosio.com/data/performance.json"
file = OpenURI::open_uri( url ).read
dataset = JSON.parse( file )

statosio = Statosio::Generate.new
chart = statosio.svg(
    dataset: dataset,
    x: "name", 
    y: [ "mobile" ],
    options: {"dataSortCurrent"=>"values", "dataSortByValues"=>"decending"}
    
)

Prawn::Document.generate( "statosio.pdf" ) do | pdf |
  pdf.svg( chart, width: 500 )
end
  

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	"https://docs.statosio.com/data/performance.json"
X	`"name"`	String
Y	`[ "mobile" ]`	Array
Options	`{ "dataSortCurrent" : "none" }`	Object

Javascript

Invoke Function

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

HTML Implementation

<!DOCTYPE html>
<head>
    <title>docs.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( "https://docs.statosio.com/data/performance.json" )
            .then( ( file ) => {
                d3.statosio( 
                    file, 
                    "name", 
                    [ "mobile" ], 
                    { "dataSortCurrent" : "none" }
                )
            } )
    </script>
</body>
  

Ruby

Gem Install

gem install statosio
gem install prawn
gem install prawn-svg
gem install open-uri
  

Implementation

require "statosio"

require "open-uri"
require "prawn"
require "prawn-svg"

url = "https://docs.statosio.com/data/performance.json"
file = OpenURI::open_uri( url ).read
dataset = JSON.parse( file )

statosio = Statosio::Generate.new
chart = statosio.svg(
    dataset: dataset,
    x: "name", 
    y: [ "mobile" ],
    options: {"dataSortCurrent"=>"none"}
    
)

Prawn::Document.generate( "statosio.pdf" ) do | pdf |
  pdf.svg( chart, width: 500 )
end
  