import { mock , Field } from './mockdata' ; const lines = mock ( [ { name : 'date' , type : 'date' , start : '2019/03/01' , end : '2019/03/10' , step : '1d' , format : 'yyyy/MM/dd' } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , { name : 'city' , type : 'enum' , values : [ 'Paris' , 'London' , 'New York' ] , distribution : 'cartesian' } , ] as Field [ ] , 30 ) ; const line = mock ( [ { name : 'date' , type : 'date' , start : '2019/03/01' , end : '2019/03/10' , step : '1d' , format : 'yyyy/MM/dd' } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , ] as Field [ ] , 10 ) ; const pie = mock ( [ { name : 'type' , values : [ 'Shanghai' , 'Chengdu' , 'Hangzhou' , 'Shenzhen' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , ] as Field [ ] , 4 ) ; const bar = mock ( [ { name : 'city' , values : [ 'Shanghai' , 'Chengdu' , 'Hangzhou' , 'Shenzhen' , 'Hong Kong' , 'Beijing' , 'Chongqing' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , ] as Field [ ] , 7 ) ; const bars = mock ( [ { name : 'city' , values : [ 'Shanghai' , 'Chengdu' , 'Hangzhou' , 'Shenzhen' , 'Hong Kong' , 'Beijing' , 'Chongqing' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'gender' , values : [ 'male' , 'female' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , ] as Field [ ] , 14 ) ; const barss = mock ( [ { name : 'city' , values : [ 'Shanghai' , 'Chengdu' , 'Hangzhou' , 'Shenzhen' , 'Hong Kong' , 'Beijing' , 'Chongqing' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'type' , values : [ 'category1' , 'category2' , 'category3' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , ] as Field [ ] , 21 ) ; const radar = mock ( [ { name : 'type' , values : [ 'defense' , 'attack' , 'speed' , 'penetration' , 'armor' , 'critical' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'name' , values : [ 'Sun Shangxiang' , 'Huang Zhong' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'value' , type : 'number' , min : 0 , max : 100 } , ] as Field [ ] , 12 ) ; const histogram = mock ( [ { name : 'value' , type : 'number' , min : 0 , max : 100 } ] as Field [ ] , 60 ) ; const scatter = mock ( [ { name : 'city' , values : [ 'Shanghai' , 'Chengdu' , 'Hangzhou' ] , type : 'enum' , distribution : 'random' , } , { name : 'count' , type : 'number' , min : 0 , max : 1000 } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , ] as Field [ ] , 1000 ) ; const bubble = mock ( [ { name : 'city' , values : [ 'Shanghai' , 'Chengdu' ] , type : 'enum' , distribution : 'random' , } , { name : 'count' , type : 'number' , min : 0 , max : 1000 } , { name : 'value' , type : 'number' , min : 0 , max : 1000 } , { name : 'size' , type : 'number' , min : 0 , max : 1000 } , ] as Field [ ] , 100 ) ; const heatmap = mock ( [ { name : 'city' , values : [ 'Shanghai' , 'Chengdu' , 'Hangzhou' , 'Shenzhen' , 'Hong Kong' , 'Beijing' , 'Chongqing' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'type' , values : [ 'category1' , 'category2' , 'category3' , 'category4' , 'category5' , 'category6' , 'category7' , 'category8' ] , type : 'enum' , distribution : 'cartesian' , } , { name : 'value' , type : 'number' , min : 0 , max : 100 } , ] as Field [ ] , 56 ) ; export const CONFIG_MAP = { line_chart : { data : lines , configs : { xField : 'date' , yField : 'value' , seriesField : 'city' , } , type : 'Line' , } , stacked_area_chart : { data : lines , configs : { xField : 'date' , yField : 'value' , seriesField : 'city' , isStack : true , } , type : 'Area' , } , pie_chart : { data : pie , configs : { angleField : 'value' , colorField : 'type' , } , type : 'Pie' , } , donut_chart : { data : pie , configs : { angleField : 'value' , colorField : 'type' , innerRadius : 0.64 , statistic : { title : { offsetY : - 18 , style : { fontSize : 16 , } , } , content : { offsetY : 8 , style : { fontSize : 24 , } , } , } , } , type : 'Pie' , } , area_chart : { data : line , configs : { xField : 'date' , yField : 'value' , } , type : 'Area' , } , column_chart : { data : bar , configs : { xField : 'city' , yField : 'value' , } , type : 'Column' , } , grouped_column_chart : { data : bars , configs : { xField : 'city' , yField : 'value' , seriesField : 'gender' , isGroup : true , } , type : 'Column' , } , stacked_column_chart : { data : bars , configs : { xField : 'city' , yField : 'value' , seriesField : 'gender' , isStack : true , } , type : 'Column' , } , percent_stacked_column_chart : { data : barss , configs : { xField : 'city' , yField : 'value' , seriesField : 'type' , isStack : true , isPercent : true , } , type : 'Column' , } , bar_chart : { data : bar , configs : { xField : 'value' , yField : 'city' , } , type : 'Bar' , } , grouped_bar_chart : { data : bars , configs : { xField : 'value' , yField : 'city' , seriesField : 'gender' , isGroup : true , } , type : 'Bar' , } , stacked_bar_chart : { data : bars , configs : { xField : 'value' , yField : 'city' , seriesField : 'gender' , isStack : true , } , type : 'Bar' , } , percent_stacked_bar_chart : { data : barss , configs : { xField : 'value' , yField : 'city' , seriesField : 'type' , isStack : true , isPercent : true , } , type : 'Bar' , } , scatter_plot : { data : scatter , configs : { xField : 'value' , yField : 'count' , colorField : 'city' , shape : 'circle' , } , type : 'Scatter' , } , bubble_chart : { data : bubble , configs : { xField : 'value' , yField : 'count' , sizeField : 'size' , colorField : 'city' , size : [ 2 , 16 ] , shape : 'circle' , } , type : 'Scatter' , } , radar_chart : { data : radar , configs : { xField : 'type' , yField : 'value' , seriesField : 'name' , } , type : 'Radar' , } , histogram : { data : histogram , configs : { binField : 'value' , binWidth : 4 , } , type : 'Histogram' , } , heatmap : { data : heatmap , configs : { xField : 'type' , yField : 'city' , colorField : 'value' , } , type : 'Heatmap' , } , } ;