User:Kemal HagemaruFRP/Sandbox/Chart

P/S: i take example chart from Wiki

Example not working

<graph>{"legends":[{"properties":{"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"","fill":"color"}],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":150,"axes":[{"type":"x","title":"year","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":true},{"type":"y","title":"million","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":true}],"data":[{"format":{"parse":{"y":"number","x":"integer"},"type":"json"},"name":"chart","values":[{"y":3.3,"series":"population (million)","x":1900},{"y":3.34,"series":"population (million)","x":1901},{"y":3.38,"series":"population (million)","x":1902},{"y":3.43,"series":"population (million)","x":1903},{"y":3.47,"series":"population (million)","x":1904},{"y":3.52,"series":"population (million)","x":1905},{"y":3.56,"series":"population (million)","x":1906},{"y":3.6,"series":"population (million)","x":1907},{"y":3.65,"series":"population (million)","x":1908},{"y":3.69,"series":"population (million)","x":1909},{"y":3.74,"series":"population (million)","x":1910},{"y":3.78,"series":"population (million)","x":1911},{"y":3.82,"series":"population (million)","x":1912},{"y":3.86,"series":"population (million)","x":1913},{"y":3.9,"series":"population (million)","x":1914},{"y":3.88,"series":"population (million)","x":1915},{"y":3.88,"series":"population (million)","x":1916},{"y":3.89,"series":"population (million)","x":1917},{"y":3.88,"series":"population (million)","x":1918},{"y":3.87,"series":"population (million)","x":1919},{"y":3.88,"series":"population (million)","x":1920},{"y":3.88,"series":"population (million)","x":1921},{"y":3.87,"series":"population (million)","x":1922},{"y":3.88,"series":"population (million)","x":1923},{"y":3.9,"series":"population (million)","x":1924},{"y":3.91,"series":"population (million)","x":1925},{"y":3.93,"series":"population (million)","x":1926},{"y":3.96,"series":"population (million)","x":1927},{"y":3.99,"series":"population (million)","x":1928},{"y":4.02,"series":"population (million)","x":1929},{"y":4.05,"series":"population (million)","x":1930},{"y":4.08,"series":"population (million)","x":1931},{"y":4.1,"series":"population (million)","x":1932},{"y":4.12,"series":"population (million)","x":1933},{"y":4.14,"series":"population (million)","x":1934},{"y":4.16,"series":"population (million)","x":1935},{"y":4.17,"series":"population (million)","x":1936},{"y":4.18,"series":"population (million)","x":1937},{"y":4.19,"series":"population (million)","x":1938},{"y":4.21,"series":"population (million)","x":1939},{"y":4.23,"series":"population (million)","x":1940},{"y":4.25,"series":"population (million)","x":1941},{"y":4.29,"series":"population (million)","x":1942},{"y":4.32,"series":"population (million)","x":1943},{"y":4.36,"series":"population (million)","x":1944},{"y":4.41,"series":"population (million)","x":1945},{"y":4.47,"series":"population (million)","x":1946},{"y":4.52,"series":"population (million)","x":1947},{"y":4.58,"series":"population (million)","x":1948},{"y":4.64,"series":"population (million)","x":1949},{"y":4.69,"series":"population (million)","x":1950},{"y":4.75,"series":"population (million)","x":1951},{"y":4.82,"series":"population (million)","x":1952},{"y":4.88,"series":"population (million)","x":1953},{"y":4.93,"series":"population (million)","x":1954},{"y":4.98,"series":"population (million)","x":1955},{"y":5.05,"series":"population (million)","x":1956},{"y":5.13,"series":"population (million)","x":1957},{"y":5.2,"series":"population (million)","x":1958},{"y":5.26,"series":"population (million)","x":1959},{"y":5.36,"series":"population (million)","x":1960},{"y":5.43,"series":"population (million)","x":1961},{"y":5.57,"series":"population (million)","x":1962},{"y":5.69,"series":"population (million)","x":1963},{"y":5.79,"series":"population (million)","x":1964},{"y":5.86,"series":"population (million)","x":1965},{"y":5.92,"series":"population (million)","x":1966},{"y":5.99,"series":"population (million)","x":1967},{"y":6.07,"series":"population (million)","x":1968},{"y":6.14,"series":"population (million)","x":1969},{"y":6.18,"series":"population (million)","x":1970},{"y":6.21,"series":"population (million)","x":1971},{"y":6.26,"series":"population (million)","x":1972},{"y":6.31,"series":"population (million)","x":1973},{"y":6.34,"series":"population (million)","x":1974},{"y":6.34,"series":"population (million)","x":1975},{"y":6.3,"series":"population (million)","x":1976},{"y":6.28,"series":"population (million)","x":1977},{"y":6.28,"series":"population (million)","x":1978},{"y":6.29,"series":"population (million)","x":1979},{"y":6.32,"series":"population (million)","x":1980},{"y":6.35,"series":"population (million)","x":1981},{"y":6.39,"series":"population (million)","x":1982},{"y":6.42,"series":"population (million)","x":1983},{"y":6.44,"series":"population (million)","x":1984},{"y":6.47,"series":"population (million)","x":1985},{"y":6.5,"series":"population (million)","x":1986},{"y":6.55,"series":"population (million)","x":1987},{"y":6.59,"series":"population (million)","x":1988},{"y":6.65,"series":"population (million)","x":1989},{"y":6.71,"series":"population (million)","x":1990},{"y":6.8,"series":"population (million)","x":1991},{"y":6.88,"series":"population (million)","x":1992},{"y":6.94,"series":"population (million)","x":1993},{"y":6.99,"series":"population (million)","x":1994},{"y":7.04,"series":"population (million)","x":1995},{"y":7.07,"series":"population (million)","x":1996},{"y":7.09,"series":"population (million)","x":1997},{"y":7.11,"series":"population (million)","x":1998},{"y":7.14,"series":"population (million)","x":1999},{"y":7.18,"series":"population (million)","x":2000},{"y":7.23,"series":"population (million)","x":2001},{"y":7.29,"series":"population (million)","x":2002},{"y":7.34,"series":"population (million)","x":2003},{"y":7.39,"series":"population (million)","x":2004},{"y":7.44,"series":"population (million)","x":2005},{"y":7.48,"series":"population (million)","x":2006},{"y":7.55,"series":"population (million)","x":2007},{"y":7.65,"series":"population (million)","x":2008},{"y":7.74,"series":"population (million)","x":2009},{"y":7.86,"series":"population (million)","x":2010},{"y":7.95,"series":"population (million)","x":2011},{"y":8,"series":"population (million)","x":2012},{"y":8.02,"series":"population (million)","x":2013},{"y":8.22,"series":"population (million)","x":2014},{"y":8.32,"series":"population (million)","x":2015},{"y":8.42,"series":"population (million)","x":2016},{"y":8.48,"series":"population (million)","x":2017},{"y":8.54,"series":"population (million)","x":2018},{"y":8.6,"series":"population (million)","x":2019},{"y":8.67,"series":"population (million)","x":2020},{"y":8.73,"series":"population (million)","x":2021}]}],"width":500}</graph>

HOW????