0

我正在使用 jqplot 提供的 jQuery 插件来绘制图表。当我使用 seriesDefaults : { fill : true } 时，荧光笔（工具提示）停止工作。

这是我正在使用的代码。

var line1=[['23-May-08', 578.55], ['20-Jun-08', 566.5], ['25-Jul-08', 480.88], ['22-Aug-08', 509.84],
    ['26-Sep-08', 454.13], ['24-Oct-08', 379.75], ['21-Nov-08', 303], ['26-Dec-08', 308.56],
    ['23-Jan-09', 299.14], ['20-Feb-09', 346.51], ['20-Mar-09', 325.99], ['24-Apr-09', 386.15]];

var plot = $.jqplot('chartarea', [line1],
                   {
                    seriesDefaults : { fill : true },
                    title          : "Area chart with tooltip",
                    axes           : {
                                      xaxis : { renderer : $.jqplot.DateAxisRenderer },
                                      yaxis : { tickOptions : { formatString : '$%.2f'} }
                                     },
                    highlighter    : { show : true, sizeAdjust : 7.5},
                    cursor         : { show : false } 
                   });

有什么方法可以让荧光笔填充：真实情况。

谢谢..

4

1 回答 1

0

您需要破解 jqplot js 文件的介绍才能完成这项工作。我设法让它工作，但线下的填充区域不会再改变悬停时的透明度。

您可以在 JS 文件中查找switch (s.renderer.constructor) {并在以下情况下case $.jqplot.LineRenderer:注释代码，if (s.fill) {而只保留 else 的代码。

$.jqplot.ShapeRenderer.prototype.draw = function(ctx, points, options) {由于未定义点，您会在某处收到错误，但您可以在此处使用 if 来检查是否设置了点。

这可能不是最好的解决方案，但我们确实需要填充线的工具提示，而这是目前最好的选择。

于 2011-03-09T13:30:51.607 回答