Create New Chart
← Back to home
Chart Name
Description
Expiration
1 Hour
6 Hours
1 Day
7 Days
30 Days
Chart Configuration (ECharts JSON)
Get example configs ↗
{ "title": { "text": "Advanced Sales Report", "subtext": "2024 Q1 Performance", "left": "center" }, "legend": { "data": [ "Sales", "Target", "Growth Rate" ], "top": 50 }, "tooltip": { "trigger": "axis", "axisPointer": { "type": "cross" } }, "toolbox": { "feature": { "dataZoom": { "yAxisIndex": "none" }, "restore": {}, "saveAsImage": {} } }, "xAxis": [ { "type": "category", "data": [ "Jan", "Feb", "Mar", "Apr", "May", "Jun" ], "axisPointer": { "type": "shadow" } } ], "yAxis": [ { "type": "value", "name": "Sales/Target", "min": 0, "max": 250, "axisLabel": { "formatter": "${value}K" } }, { "type": "value", "name": "Growth Rate", "min": 0, "max": 25, "axisLabel": { "formatter": "{value}%" } } ], "series": [ { "name": "Sales", "type": "bar", "data": [ 120, 132, 101, 134, 190, 210 ], "itemStyle": { "color": "#5470C6" }, "markPoint": { "data": [ { "type": "max", "name": "Max" }, { "type": "min", "name": "Min" } ] } }, { "name": "Target", "type": "bar", "data": [ 100, 120, 90, 120, 150, 180 ], "itemStyle": { "color": "#91CC75" } }, { "name": "Growth Rate", "type": "line", "yAxisIndex": 1, "data": [ 20, 18, 12, 14, 27, 23 ], "smooth": true, "itemStyle": { "color": "#EE6666" }, "lineStyle": { "width": 3 }, "areaStyle": { "color": { "colorStops": [ { "offset": 0, "color": "rgba(238,102,102,0.5)" }, { "offset": 1, "color": "rgba(238,102,102,0.1)" } ], "x": 0, "y": 0, "x2": 0, "y2": 1, "type": "linear", "global": false } } } ], "dataZoom": [ { "type": "slider", "show": true, "start": 0, "end": 100 } ], "visualMap": { "top": 80, "right": 10, "pieces": [ { "gt": 0, "lte": 100, "color": "#93CE07" }, { "gt": 100, "lte": 150, "color": "#FBD437" }, { "gt": 150, "color": "#FD666D" } ], "outOfRange": { "color": "#999" } }, "animation": true, "animationDuration": 1000 }
Generate Chart
Note: You'll receive a deletion password after creation. Keep it safe!