หน้านี้ได้รับการแปลโดย Cloud Translation API

แผนผังข้อความ

ภาพรวม
ตัวอย่างง่ายๆ
แผนผังคําโดยนัยและโจ่งแจ้ง
ขนาดข้อความต้นไม้
คํานําหน้า, คําต่อท้าย และมุมมองแบบต้นไม้ของ Double Word
การจัดรูปแบบต้นคํา
การนําโทเค็นไปใช้
กำลังโหลด
รูปแบบข้อมูล
ตัวเลือกการกําหนดค่า
เมธอด
เหตุการณ์
นโยบายข้อมูล

ภาพรวม

แผนผังคําแสดงลําดับของคําแบบขนานหลายรายการ ใช้สําหรับแสดงคําที่มักติดตามหรืออยู่หน้าคําเป้าหมาย (เช่น "แมวเป็น...") หรือแสดงลําดับชั้นของคํา (เช่น แผนผังการตัดสินใจ)

คําว่า Google ต้นไม้สามารถประมวลผลข้อความจํานวนมากได้อย่างรวดเร็ว ระบบที่ทันสมัยควรรองรับข้อความขนาดใหม่ๆ ได้อย่างรวดเร็ว

หมายเหตุ: แผนผังคําอยู่ในเวอร์ชันเบต้าและอาจอยู่ระหว่างการแก้ไขอย่างมีนัยสําคัญใน Google Charts รุ่นต่อๆ ไป

แผนผังคําจะแสดงผลในเบราว์เซอร์โดยใช้ SVG ซึ่งหมายความว่าฟังก์ชันดังกล่าวจะใช้งานได้ในเบราว์เซอร์ที่ทันสมัยทั้งหมด (เช่น Chrome, Firefox, Opera และ Internet Explorer 9 ขึ้นไป) เช่นเดียวกับแผนภูมิทั้งหมดของ Google แผนผังคําจะแสดงเคล็ดลับเครื่องมือเมื่อผู้ใช้วางเมาส์เหนือข้อมูล

ตัวอย่างง่ายๆ

สมมติว่าคุณรวบรวมวลีเกี่ยวกับแมว (เช่น "แมวกินหนู" "แมวดีกว่าลูกแมว") และคุณต้องการไฮไลต์แอตทริบิวต์ที่สําคัญที่สุดจากชุดแมว

function drawChart() {
        var data = google.visualization.arrayToDataTable(
          [ ['Phrases'],
            ['cats are better than dogs'],
            ['cats eat kibble'],
            ['cats are better than hamsters'],
            ['cats are awesome'],
            ['cats are people too'],
            ['cats eat mice'],
            ['cats meowing'],
            ['cats in the cradle'],
            ['cats eat mice'],
            ['cats in the cradle lyrics'],
            ['cats eat kibble'],
            ['cats for adoption'],
            ['cats are family'],
            ['cats eat mice'],
            ['cats are better than kittens'],
            ['cats are evil'],
            ['cats are weird'],
            ['cats eat mice'],
          ]
        );

var options = {
          wordtree: {
            format: 'implicit',
            word: 'cats'
          }
        };

var chart = new google.visualization.WordTree(document.getElementById('wordtree_basic'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="wordtree_basic" style="width: 900px; height: 500px;"></div>

</div>

<devsite-recommendations display="in-page" hidden yield>
      </devsite-recommendations>
    
    
      
    <devsite-thumb-rating position="footer">
    </devsite-thumb-rating>
  
       
         <devsite-feedback
  position="footer"
  project-name="Charts"
  product-id="5060118"
  bucket=""
  context="DevSite feedback link"
  version="t-devsite-webserver-20240424-r00-rc00.460119124473757217"
  data-label="Send Feedback Button"
  track-type="feedback"
  track-name="sendFeedbackLink"
  track-metadata-position="footer"
  class="nocontent"
  
  
  
    project-icon="https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95/developers/images/touchicon-180-new.png"
  
  
  feedback-type="thumb-rating">

<button>
  
    
    ส่งความคิดเห็น
  
  </button>
</devsite-feedback>
       
    
    
      <devsite-recommendations id="recommendations-link" yield></devsite-recommendations>

</article>

<devsite-content-footer class="nocontent">
  <p>เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้<a href="https://creativecommons.org/licenses/by/4.0/">ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0</a> และตัวอย่างโค้ดได้รับอนุญาตภายใต้<a href="https://www.apache.org/licenses/LICENSE-2.0">ใบอนุญาต Apache 2.0</a> เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่<a href="https://developers.google.com/site-policies?hl=th">นโยบายเว็บไซต์ Google Developers</a> Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ</p>
  <p>อัปเดตล่าสุด 2023-10-13 UTC</p>
</devsite-content-footer>

<devsite-notification
>
</devsite-notification>

<div class="devsite-content-data">
  <template class="devsite-thumb-rating-down-categories">
  [{
      "type": "thumb-down",
      "id": "missingTheInformationINeed",
      "label":"ไม่มีข้อมูลที่ฉันต้องการ"
    },{
      "type": "thumb-down",
      "id": "tooComplicatedTooManySteps",
      "label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
    },{
      "type": "thumb-down",
      "id": "outOfDate",
      "label":"ล้าสมัย"
    },{
      "type": "thumb-down",
      "id": "translationIssue",
      "label":"ปัญหาเกี่ยวกับการแปล"
    },{
      "type": "thumb-down",
      "id": "samplesCodeIssue",
      "label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
    },{
      "type": "thumb-down",
      "id": "otherDown",
      "label":"อื่นๆ"
    }]
  </template>
  <template class="devsite-thumb-rating-up-categories">
  [{
      "type": "thumb-up",
      "id": "easyToUnderstand",
      "label":"เข้าใจง่าย"
    },{
      "type": "thumb-up",
      "id": "solvedMyProblem",
      "label":"แก้ปัญหาของฉันได้"
    },{
      "type": "thumb-up",
      "id": "otherUp",
      "label":"อื่นๆ"
    }]
  </template>
  
    
    
    <template class="devsite-thumb-rating-feedback">
      <devsite-feedback
  position="thumb-rating"
  project-name="Charts"
  product-id="5060118"
  bucket=""
  context="DevSite feedback link"
  version="t-devsite-webserver-20240424-r00-rc00.460119124473757217"
  data-label="Send Feedback Button"
  track-type="feedback"
  track-name="sendFeedbackLink"
  track-metadata-position="thumb-rating"
  class="nocontent"
  
  
  
    project-icon="https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95/developers/images/touchicon-180-new.png"
  
  
  feedback-type="thumb-rating">

<button>
  
    หากต้องการบอกให้เราทราบเพิ่มเติม
  
  </button>
</devsite-feedback>
    </template>
  
</div>
            
          </devsite-content>
        </main>
        <devsite-footer-promos class="devsite-footer">
          
            
          
        </devsite-footer-promos>
        <devsite-footer-linkboxes class="devsite-footer">
          
            
<nav class="devsite-footer-linkboxes nocontent" aria-label="ลิงก์ส่วนท้าย">
  
  <ul class="devsite-footer-linkboxes-list">
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">ช่วงถามและตอบ</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://groups.google.com/group/google-visualization-api"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            
    ฟอรัม

</a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://github.com/google/google-visualization-issues/issues"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            
    ปัญหาและคําขอ

</a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/chart/interactive/faq"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
              
              
            
          
            
    คำถามที่พบบ่อย

</a>
          
          
        </li>
        
      </ul>
    </li>
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">ข้อมูลผลิตภัณฑ์</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/chart/interactive/docs/release_notes"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            
    ผลงาน

</a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/chart/terms"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            
    ข้อกำหนดในการให้บริการ

</a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/chart/interactive/docs/security_privacy"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
              
              
            
          
            
    ความปลอดภัยและความเป็นส่วนตัว

</a>
          
          
        </li>
        
      </ul>
    </li>
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">API ที่เกี่ยวข้อง</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/chart/infographics"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            
    อินโฟกราฟิก (เลิกใช้งานแล้ว)

</a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/chart/image"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
              
              
            
          
            
    แผนภูมิรูปภาพ (เลิกใช้งานแล้ว)

</a>
          
          
        </li>
        
      </ul>
    </li>
    
  </ul>
  
</nav>
          
        </devsite-footer-linkboxes>
        <devsite-footer-utility class="devsite-footer">

<div class="devsite-footer-utility nocontent">
  
  
  <nav class="devsite-footer-sites" aria-label="เว็บไซต์ Google Developers อื่นๆ">
    <a href="https://developers.google.com/?hl=th"
       class="devsite-footer-sites-logo-link gc-analytics-event"
       data-category="Site-Wide Custom Events"
       data-label="Footer Google Developers Link">
      <picture>
        
        <img class="devsite-footer-sites-logo"
             src="https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95/developers/images/lockup-google-for-developers.svg"
             loading="lazy"
             alt="Google Developers">
      </picture>
    </a>
    <ul class="devsite-footer-sites-list">
      
      <li class="devsite-footer-sites-item">
        <a href="//developer.android.com?hl=th"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Android Link"
         
         >
          Android
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//developer.chrome.com/home?hl=th"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Chrome Link"
         
         >
          Chrome
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//firebase.google.com?hl=th"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Firebase Link"
         
         >
          Firebase
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//cloud.google.com?hl=th"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Google Cloud Platform Link"
         
         >
          Google Cloud Platform
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="https://developers.google.com/products?hl=th"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer All products Link"
         
         >
          All products
        </a>
      </li>
      
    </ul>
  </nav>

<nav class="devsite-footer-utility-links" aria-label="ลิงก์ยูทิลิตี">
    
    <ul class="devsite-footer-utility-list">
      
      <li class="devsite-footer-utility-item
                 ">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="https://developers.google.com/terms/site-terms?hl=th"
           data-category="Site-Wide Custom Events"
           data-label="Footer Terms link"
         >
          ข้อกำหนด
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 ">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="//policies.google.com/privacy?hl=th"
           data-category="Site-Wide Custom Events"
           data-label="Footer Privacy link"
         >
          ความเป็นส่วนตัว
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 glue-cookie-notification-bar-control">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="#"
           data-category="Site-Wide Custom Events"
           data-label="Footer Manage cookies link"
         
           aria-hidden="true"
         >
          Manage cookies
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 devsite-footer-utility-button">
        
        <span class="devsite-footer-utility-description">Sign up for the Google for Developers newsletter</span>
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="https://developers.google.com/newsletter/subscribe?hl=th"
           data-category="Site-Wide Custom Events"
           data-label="Footer Subscribe link"
         >
          Subscribe
        </a>
        
      </li>
      
    </ul>
    
    
<devsite-language-selector>
  <ul role="presentation">
    
    
    <li role="presentation">
      <a role="menuitem" lang="en"
        >English</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="de"
        >Deutsch</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es"
        >Español</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es_419"
        >Español – América Latina</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fr"
        >Français</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="id"
        >Indonesia</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="it"
        >Italiano</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pl"
        >Polski</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pt_br"
        >Português – Brasil</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="vi"
        >Tiếng Việt</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="tr"
        >Türkçe</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ru"
        >Русский</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="he"
        >עברית</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ar"
        >العربيّة</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fa"
        >فارسی</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="hi"
        >हिंदी</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="bn"
        >বাংলা</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="th"
        >ภาษาไทย</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_cn"
        >中文 – 简体</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_tw"
        >中文 – 繁體</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ja"
        >日本語</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ko"
        >한국어</a>
    </li>
    
  </ul>
</devsite-language-selector>

</nav>
</div>
          
        </devsite-footer-utility>
        <devsite-panel></devsite-panel>
        
          <devsite-concierge
  
  
    data-info-panel
  
  
    data-ai-panel
  
  
  
  
    data-api-explorer-panel
  >
</devsite-concierge>
        
      </section></section>
    <devsite-sitemask></devsite-sitemask>
    <devsite-snackbar
    
    >
</devsite-snackbar>
    <devsite-tooltip ></devsite-tooltip>
    <devsite-heading-link></devsite-heading-link>
    <devsite-analytics analytics-iframe enable-cb>
      
        <script type="application/json" analytics>[{"dimensions": {"dimension6": "th", "dimension4": "Charts", "dimension1": "Signed out", "dimension5": "th", "dimension11": true, "dimension3": false}, "gaid": "UA-24532603-1", "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}, "purpose": 1}, {"dimensions": {"dimension6": "th", "dimension4": "Charts", "dimension1": "Signed out", "dimension5": "th", "dimension11": true, "dimension3": false}, "gaid": "UA-47037920-1", "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}, "purpose": 0}]</script>
<script type="application/json" tag-management>{"ga4": [{"id": "G-272J68FCRF", "purpose": 1}], "ga4p": [{"id": "G-272J68FCRF", "purpose": 1}], "gtm": [], "parameters": {"internalUser": "False", "language": {"machineTranslated": "True", "requested": "th", "served": "th"}, "pageType": "article", "projectName": "Charts", "signedIn": "False", "tenant": "developers", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script>
      
    </devsite-analytics>
    
      <devsite-badger></devsite-badger>
    
    
    <script nonce="pYTmIrVwTLT7BXtKHtloscyD+Il3on">
  
  (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i;
    t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0];
    E.parentNode.insertBefore(t,E);})(window, document, 'script',
    'https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95/developers/js/app_loader.js', '[1,"th",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95","https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95/developers","https://developers-dot-devsite-v2-prod.appspot.com",null,null,["/_pwa/developers/manifest.json","https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/vafe2e13ca17bb026e70df42a2ead1c8192750e86a12923a88eda839025dabf95/developers/images/favicon-new.png","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,116,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developers.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["Cloud__enable_cloudx_experiment_ids","Experiments__reqs_query_experiments","Cloud__enable_cloud_shell_fte_user_flow","MiscFeatureFlags__developers_footer_dark_image","Cloud__enable_cloud_shell","Search__enable_page_map","MiscFeatureFlags__enable_variable_operator","Cloud__enable_free_trial_server_call","Search__enable_faceted_search","Search__enable_ai_eligibility_checks","Search__enable_suggestions_from_borg","Search__enable_ai_search_summaries_restricted","Cloud__enable_cloud_dlp_service","Cloud__enable_cloudx_ping","Analytics__enable_cookie_bar","MiscFeatureFlags__enable_firebase_utm","Concierge__enable_pushui","Search__enable_ai_search_summaries","CloudShell__cloud_shell_button","EngEduTelemetry__enable_engedu_telemetry","Profiles__enable_public_developer_profiles","Cloud__enable_cloud_facet_chat","MiscFeatureFlags__enable_explain_this_code","BookNav__enable_tenant_cache_key","MiscFeatureFlags__enable_project_variables","Profiles__enable_release_notes_notifications","MiscFeatureFlags__developers_footer_image","Profiles__enable_developer_profiles_callout","Profiles__enable_page_saving","Search__enable_dynamic_content_confidential_banner","Profiles__enable_awarding_url","CloudShell__cloud_code_overflow_menu","Concierge__enable_concierge","Profiles__enable_profile_collections","Concierge__enable_concierge_restricted","Profiles__require_profile_eligibility_for_signin","MiscFeatureFlags__emergency_css","Significatio__enable_by_tenant","TpcFeatures__enable_mirror_tenant_redirects"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.clients6.google.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.clients6.google.com",1,4]')
  
</script>
    <devsite-a11y-announce></devsite-a11y-announce>
  </body>
</html>