Question

我正在尝试使用以下代码渲染饼图：

plot1 =jQuery.jqplot('chart2',
    [[['data1', 80],['data2',20]]],
    {
      title: ' ',
      seriesDefaults: {
        shadow: false,
        renderer: $.jqplot.PieRenderer,

        rendererOptions: {
//        fill: false,
          sliceMargin: 4,

          showDataLabels: true
        }
      },
      grid: {
                                    //drawGridLines: true,
                                    background: 'transparent'
                                },
      legend: { show:true, location: 'n' }
    }
  )
      });

当我将fill设置为false时，数据标签在切片上可见，但如果我将其设置为true，则不会在切片上显示。它实际上被打印在馅饼后面。也找不到任何css来改变z轴值。我在代码中有什么问题吗？任何帮助将不胜感激。

Answer 1

您的代码似乎运行良好：See here您的问题似乎来自代码的其他部分而不是Jqplot。但是，您可以尝试指定

div.jqplot-data-label{z-index: 1000;}

强制您的数据标签显示在前台

jqPlot：即使在设置showDataLabels后，饼图也不会在切片上显示标签：true

1 个答案: