Highcharts中字串處理方式(3)

來源:互聯網
上載者:User

標籤:

Highcharts中字串處理方式(3)

簡化節點賦值
當圖表中存在多個資料列,並且每個資料列的節點的x值都是相同的,也可以直接在x軸的設定中,直接指定由name構成的刻度。其代碼如下:

  • xAxis:[{
  • type:’category’,
  • categories:[‘第一次’,’第二次’,’第三次’,’第四次’,’第五次’]
  • }]

這樣做的結果就是將節點中的name和y值進行分離。
【執行個體2-8:strdatasimple】下面簡化執行個體2-6的節點資料,重新構成圖表。核心代碼如下:

  • series: [{
  • data: [92, 85, 89, 97, 91]       //簡化的節點資料
  • }],
  • xAxis: [{
  • type: ‘category’,
  • categories:[‘第一次’,’第二次’,’第三次’,’第四次’,’第五次’]  //指定x軸刻度
  • }],

執行代碼後,運行效果。


簡化節點賦值

PS:該內容已經加入《網頁圖表Highcharts實踐教程基礎篇》v1.2.5。

著作權聲明:本文為博主原創文章,未經博主允許不得轉載。

Highcharts中字串處理方式(3)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.