Javascript jqPlot饼图工具提示未出现
我的饼图渲染正常,但是当尝试使用highlighter插件显示工具提示时,将鼠标悬停在切片上时,工具提示不会出现。 请看一下我正在设置的选项,如果我遗漏了一些明显的内容,请告诉我,谢谢 我已经包括了以下相关的js文件:Javascript jqPlot饼图工具提示未出现,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,我的饼图渲染正常,但是当尝试使用highlighter插件显示工具提示时,将鼠标悬停在切片上时,工具提示不会出现。 请看一下我正在设置的选项,如果我遗漏了一些明显的内容,请告诉我,谢谢 我已经包括了以下相关的js文件: jquery.min.js jquery.jqplot.min.js jqplot.pierender.min.js jqplot.highlighter.min.js 以下是我正在设置的选项: var options = { seriesDefaults: {
- jquery.min.js
- jquery.jqplot.min.js
- jqplot.pierender.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'
}
};
我能看到的唯一糟糕的渲染是关于标签渲染导致的视觉问题。标签太长,无法放入饼图中。尝试注释“dataLabels:'label'”行,查看渲染是否正常 为了在悬停切片时显示工具提示,必须将高亮部分从seriesDefaults块中取出并放入options块:
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 }
};
请看一个工作示例我能看到的唯一糟糕的渲染是关于标签渲染导致的视觉问题。标签太长,无法放入饼图中。尝试注释“dataLabels:'label'”行,查看渲染是否正常。请看一个例子谢谢,但我也没有看到你的例子中的切片悬停时的工具提示?嗨!我知道这是非常古老的,但样品不起作用,你还记得这个吗?