餅圖隨着圖樣填充：Jqplot問題

Question

我使用jqplot製作餅形圖。在此我想創建一個餅圖像下面的圖片..

有可能做到這一點？使用jqplot

Answer 1

我找不到jqPlot的解決方案，但使用highcharts代替。您可以檢查demo

代碼：

var chart = new Highcharts.Chart({ 

    chart: { 
     renderTo: 'container' 
    }, 

    title: { 
     text: 'Pattern fill plugin demo' 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    yAxis: { 
     plotBands: [{ 
      from: 100, 
      to: 200, 
      color: { 
       pattern: 'https://rawgithub.com/highslide-software/pattern-fill/master/graphics/pattern3.png', 
       width: 6, 
       height: 6 
      } 
     }] 
    }, 

    series: [{ 
     type: 'area', 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     fillColor: { 
      pattern: 'https://rawgithub.com/highslide-software/pattern-fill/master/graphics/pattern1.png', 
      width: 6, 
      height: 6 
     } 
    }, { 
     type: 'column', 
     data: [148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6], 
     color: { 
      pattern: 'https://rawgithub.com/highslide-software/pattern-fill/master/graphics/pattern2.png', 
      width: 6, 
      height: 6, 
      // VML only: 
      color1: 'red', 
      color2: 'yellow' 
     } 
    }] 

});