[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["很难理解","hardToUnderstand","thumb-down"],["信息或示例代码不正确","incorrectInformationOrSampleCode","thumb-down"],["没有我需要的信息/示例","missingTheInformationSamplesINeed","thumb-down"],["翻译问题","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2025-08-25。"],[],[],null,["# Creating a streamgraph chart with the Chart Config Editor\n\n| **Note:** Starting in Looker 24.8, the Chart Config Editor supports the creation of streamgraph charts.\n\nA streamgraph chart is a type of stacked area chart that is useful for displaying compound volume across different categories or over time.\n\nUsing the [Chart Config Editor](/looker/docs/chart-config-editor), you can create streamgraph charts by starting from an [area chart](/looker/docs/area-options) in Looker. Streamgraph charts require two dimensions and one measure.\n\nFor example, the following streamgraph chart shows the **Total Sale Price** over several different **Category** values, plotted over **Order Created Month**. Categories are stacked on top of one another to show how much each category contributes to the total, as well as how the total changes over time.\n\nPrerequisites\n-------------\n\nTo access the Chart Config Editor, you must have the [`can_override_vis_config` permission](/looker/docs/admin-panel-users-roles#can_override_vis_config).\n\n### Writing the JSON snippet\n\nTo create a streamgraph chart, start from the following JSON snippet: \n\n {\n chart: {\n type: 'streamgraph',\n }\n }\n\n### Creating a streamgraph chart\n\nTo create a streamgraph chart, follow these steps:\n\n1. View an [area chart](/looker/docs/area-options) in an Explore, or edit an area chart in a Look or dashboard.\n\n For this example, we recommend starting from an area chart with two dimensions and one measure. One dimension should be pivoted. Your starting chart might look something like this example:\n\n2. Open the **Edit** menu in the visualization.\n\n3. In the **Plot** tab, click the **Edit Chart Config** button. Looker displays the **Edit Chart Config** dialog.\n\n4. Select the **Chart Config (Override)** section, and enter the HighCharts JSON from the [Writing the JSON snippet](#json) section of this page.\n\n5. To let Looker properly format your JSON, click **\\\u003c\\\u003e (Format code)**.\n\n6. To test your changes, click **Preview**.\n\n7. To apply your changes, click **Apply**. The visualization will be displayed using the custom JSON values.\n\nOnce you've customized your visualization, you can save it."]]