Question

我的饼图正确呈现，但在尝试使用工具提示的突出显示插件时将鼠标悬停在切片上时，工具提示不会出现。请看看我正在设置的选项，如果我遗漏了一些明显的东西，请告诉我。谢谢。

我已经包含了以下相关的js文件：

jquery.min.js
jquery.jqplot.min.js
jqplot.pieRenderer.min.js
jqplot.highlighter.min.js

以下是我正在设置的选项：

var options = {
    seriesDefaults: {
        seriesColors: ['#00809d', '#c22a33'],
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
            showDataLabels: true,
            dataLabels: 'label',
            dataLabelPositionFactor: .45,
            sliceMargin: 1,
            drawBorder: false,
            startAngle: -90,
            highlightMouseOver: true
        },
        highlighter: {
            show: true,
            showTooltip: true,
            formatString:'%s',
            tooltipLocation: 'ne',
            useAxesFormatters: false
        },
        shadow: false
    },  
    legend: { show:false },
    grid: {
        drawGridlines: false,  
        borderColor: 'transparent',
        shadow: false,
        drawBorder: false,
        shadowColor: 'transparent',
        background: 'transparent'
    }
};

Answer 1

我能看到的唯一不好的渲染是由于标签渲染引起的视觉问题。标签太长，无法放入饼图中。尝试评论“dataLabels：'label'”行，看看渲染是否正常。

为了在悬停切片时显示工具提示，您必须将突出显示部分从seriesDefaults块中取出并将其放在选项块中：

var options = {
  seriesDefaults: {
    //the 'seriesDefaults' options without the 'highlighter' part  
  },  
  highlighter: {
    show: true,
    showTooltip: true,
    formatString:'%s',
    tooltipLocation: 'ne',
    useAxesFormatters: false
  },
  legend: { show:false },
  grid: { /* the 'grid' options }
};

请参阅工作示例here

jqPlot饼图工具提示未出现

1 个答案: