(Highcharts)极坐标图中的多边形外壳

时间:2016-03-02 08:46:00

标签: javascript charts highcharts

我不知道如何在这里找到这个图表,我试图尽可能地接近这个图表,但由于有很多选择可以修补,我不知所措。

我想在highcharts中做这个图表。

enter image description here

到目前为止,关于这种图表的关闭是极坐标图,这是我所做的。

$(function() {
  var data = {
    data  : [1,2,3,4,5,5],
    labels: ['text 1','text 2','text 3','text 4','text 5','text 6']
  };
  var counter = 0
  $('#container').highcharts({
    chart: {
      polar: true
    },

    title: {
      text: 'Demo Chart'
    },

    pane: {
      startAngle: 0,
      endAngle: 360
    },

    xAxis: {
      tickInterval: 60,
      min: 0,
      max: 360,
      categories: data.labels,
      labels: {
        useHTML: true,
        formatter: function() {
          var html;
          html = "<div style='text-align:center'>";
          html += "<p style='margin:0em'>";
          html += data.data[counter];
          html += "</p>";
          html += "<p style='margin:0em'>";
          html += data.labels[counter];
          html += "</p>";
          html += "</div>";
          counter++;
          return html;
        }
      }
    },

    yAxis: {
      min: 0,
      max: 5,
      labels:{
        enabled: false
      }
    },

    plotOptions: {
      series: {
        pointStart: 0,
        pointInterval: 60
      }
    },

    series: [{
      type: 'area',
      name: '',
      showInLegend: false,
      data: [
        {name:'対話⼒力力',y:1},
        {name:'Test 2',y:2},
        {name:'Test 3',y:3},
        {name:'Test 4',y:4},
        {name:'Test 5',y:5},
        {name:'Test 6',y:5}
      ]
    }]
  });
});

http://codepen.io/abarcenas29/pen/MywYGP

以下是我的问题:

  1. 如何将图像中的4.3插入图表的死点?
  2. 编辑:我能够使图表看起来像图像,所以我编辑了我的问题。

1 个答案:

答案 0 :(得分:1)

1)将yAxis.gridLineInterpolation设为with open('test.txt', 'r') as content_file: content = content_file.read() sCount = content.count('S') wCount = content.count('W') print ("There are " + str(sCount) + " S's") print ("There are " + str(wCount) + " S's")

2)您可以在polygonx = 0只使用一个点的单独系列。然后使用series.dataLabels.formatter将该值作为data-label返回。或者只需使用Chart.renderer在那里呈现文字/标签。