config.tsx

export const HeatmapSampleOrder: Object = [
    { 'path': 'heatmap/default', 'component': 'Default', 'name': 'Default Functionalities', 'order': '01', 'category': 'HeatMap', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource" ] }', 'description':'This demo for Essential JS2 Heatmap control shows the heat map control displayed with minimum configuration.' },
    { 'path': 'heatmap/calendar-heatmap', 'component': 'CalendarHeatmap', 'name': 'Calendar Heatmap', 'order': '01', 'category': 'HeatMap', 'api': '{"HeatMapComponent": [ "titleSettings","height", "xAxis", "yAxis", "dataSource", "paletteSettings", "cellSettings", "legendSettings", "tooltipRender" ] }', 'type': 'new', 'description':'This demo for Essential JS2 Heatmap control for displays the time series data and displays the axis labels at specific time interval.' },
    { 'path': 'heatmap/bubble-types', 'component': 'BubbleTypes', 'name': 'Bubble Types', 'order': '02', 'type':'new', 'category': 'Bubble Heatmap', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource" ] }', 'description':'This demo for Essential JS2 Heatmap control shows  Size, Color and SizeAndColor bubble heat map type.' },
    { 'path': 'heatmap/color-and-size-attributes', 'component': 'ColorAndSizeAttributes', 'name': 'Color and Size Attributes', 'order': '02', 'category': 'Bubble Heatmap', 'type':'new', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource" ] }', 'description':'This demo for Essential JS2 Heatmap control shows how to bind the multiple data to bubble heat map.' },
    { 'path': 'heatmap/array-row', 'component': 'ArrayRow', 'name': 'Row', 'order': '03', 'category': 'Data Binding', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "paletteSettings", "legendSettings", "tooltipRender", "dataSource" ] }', 'description':'This demo for Essential JS2 Heatmap control demonstrates how to bind the data to heat map with series of array for each columns.' },
    { 'path': 'heatmap/array-cell', 'component': 'ArrayCell', 'name': 'Cell', 'order': '03', 'category': 'Data Binding', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "cellSettings", "paletteSettings", "legendSettings", "tooltipRender" ] }', 'description':'This demo for Essential JS2 Heatmap control demonstrates how to bind the array data with values for each cell to heatmap.' },
    { 'path': 'heatmap/row-json-binding', 'component': 'JsonRow', 'name': 'JSON Row', 'order': '03', 'category': 'Data Binding', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "paletteSettings", "cellSettings", "tooltipRender" ] }', 'description':'This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each columns to heatmap.' },
    { 'path': 'heatmap/cell-json-binding', 'component': 'JsonCell', 'name': 'JSON Cell', 'order': '03', 'category': 'Data Binding', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "cellSettings", "paletteSettings" ] }', 'description':'This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each cell to heat map.' },
    { 'path': 'heatmap/empty-points', 'component': 'EmptyPoints', 'name': 'Empty points', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "cellSettings", "tooltipRender", "paletteSettings", "legendSettings" ] }', 'description':'This demo for Essential JS2 Heatmap control shows the usage of empty points or null points in heat map.' },
    { 'path': 'heatmap/inversed-axis', 'component': 'InversedAxis', 'name': 'Inversed Axis', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "cellSettings", "paletteSettings", "legendSettings" ] }', 'description':'This demo for Essential JS2 Heatmap control shows how to inverse the axis in heat map.' },
    { 'path': 'heatmap/opposed-axis', 'component': 'OpposedAxis', 'name': 'Opposed Axis', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "legendSettings", "cellSettings" ] }', 'description':'This demo for Essential JS2 Heatmap control shows how to place the axis opposite to the default position in heatmap.' },
    { 'path': 'heatmap/legend', 'component': 'LegendPlacement', 'name': 'Legend Placement', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "cellSettings", "tooltipRender", "paletteSettings", "legendSettings" ] }', 'description':'This demo for Essential JS2 Heatmap control shows how to place the heatmap legend in different positions.' },
    { 'path': 'heatmap/large-data', 'component': 'LargeData', 'name': 'Large Data', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource","paletteSettings", "cellSettings", "legendSettings","renderingMode", "tooltipRender"] }', 'description':'This demo for Essential JS2 Heatmap control shows how to bind the large data in heat map using canvas rendering mode.' },
    { 'path': 'heatmap/palette', 'component': 'Palette', 'name': 'Palette Mode', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "paletteSettings", "cellSettings", "legendSettings" ] }', 'type': 'update', 'description':'This demo for Essential JS2 Heatmap control demonstrates applying gradient colors or solid colors for the heatmap cells.' },
    { 'path': 'heatmap/render-mode', 'component': 'RenderMode', 'name': 'Rendering mode', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "paletteSettings", "renderingMode", "cellSettings", "legendSettings" ] }', 'description':'This demo for Essential JS2 Heatmap shows switching the rendering mode of the heatmap cells between SVG and canvas rendering logics.' },
    { 'path': 'heatmap/tooltip-template', 'component': 'TooltipTemplate', 'name': 'Tooltip Template', 'order': '04', 'category': 'Features', 'api': '{"HeatMapComponent": [ "titleSettings", "xAxis", "yAxis", "dataSource", "cellSettings", "legendSettings", "paletteSettings", "tooltipRender" ] }', 'description':'This demo for Essential JS2 Heatmap control shows the usage of tooltip template in heat map.' }
]