小编jds*_*mms的帖子

向 Google 烛台图表添加注释

我正在使用 Google Charts 烛台图(横向翻转)来模拟范围条形图。关于当前显示在最左侧行中的文本(TU300、TU-01、TU-10 等)——我希望它也(或者相反)立即显示在每个水平条的右侧,以便更有效地标记每个条。

我是新手,希望得到详细的帮助。这是 JSFiddle:

https://jsfiddle.net/jdscomms/xLe83g80/

  google.charts.load('current', {'packages':['corechart']});

  google.charts.setOnLoadCallback(drawChart);

  function drawChart() {

    var data = new google.visualization.arrayToDataTable([
      ['TU300', 438, 438, 447, 447],
      ['TU-01', null, null, null, null],
      ['TU-10', 436, 436, 445, 445],
      ['TU-12EX', 438, 438, 445, 445],
      ['TU-2', 438, 438, 445, 445],
          ['TU-3', 436, 436, 445, 445],
      ['TU-3s', 436, 436, 445, 445],
      [' TU-3w', 436, 436, 445, 445],         
      ['NS Micro', 435, 435, 445, 445],
      ['NS Micro II', 410, 410, 480, 480],
      ['Universal II ', 435, 435, 445, 445], …
Run Code Online (Sandbox Code Playgroud)

javascript annotations candlestick-chart

1
推荐指数
1
解决办法
1474
查看次数