[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["難以理解","hardToUnderstand","thumb-down"],["資訊或程式碼範例有誤","incorrectInformationOrSampleCode","thumb-down"],["缺少我需要的資訊/範例","missingTheInformationSamplesINeed","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2025-09-04 (世界標準時間)。"],[],[],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."]]