0

我有几个用于 jqPlot 条形图的图表，我正在使用与正在绘制的数据不同的数组设置刻度，如下图所示。我注意到，当使用像这样的一些额外功能时，为图表的这些元素设置样式会变得更加困难或至少与文档不同。例如，我需要自定义工具提示以使其呈现，我必须实现一个未记录的属性，称为tooltipContentEditor.此外，为这些元素设置样式已成为一项不可能完成的任务。在这种情况下，我的刻度标签是 5pt 字体，我需要增加大小。因此，一旦“定制”了这些组件，我正在寻找合适的方法来设置它们的样式。

$(document).ready(function () {
$.jqplot.config.enablePlugins = true;
var s1 = Data;//[[10,1],[15,2],[13,3]] Plot Data is [seriesArry][0] & series is [Series][1]
var Ticks = [[0,'a'],[1,'b'],[2,'c']];//Custom ticks.

plot1 = $.jqplot('Chart1', [s1], {
    // Only animate if we're not using excanvas (not in IE 7 or IE 8)..
    animate: !$.jqplot.use_excanvas,
    title: 'Chart1',
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        pointLabels: { show: true, location: 'e', edgeTolerance: -15 },//Point labels aren't rendering. Not sure why
        rendererOptions: {
            barDirection: 'horizontal',
            barWidth: 15,
            color: 'rgb(230,230,245)',
        },
    },

    axesDefaults: {},

    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            pointLabels: { show: true },
        },

        yaxis: {
            ticks: Ticks,//Custom ticks. [[0,'a'],[1,'b'],[2,'c']] 
            tickOptions: { fontSize: '15pt'; },
        }//end yaxis
    },

    highlighter: { 
        show: true,
        tooltipContentEditor: tooltipContentEditor,//Function to customize content of tooltip
        sizeAdjust: 15,
    },

    grid: {
        background: 'rgb(72, 102, 137)',
    },

});
});//End Document.Ready
4

1 回答 1

0

这是我缺少对jqplot.canvasTextRenderer.js. 导致抛出异常：

this._textRenderer = new $.jqplot.CanvasFontRenderer(ropts); 
                     Uncaught TypeError: undefined is not a function

回答：

 <script language="javascript" type="text/javascript" src="JS/jqplot/plugins/jqplot.canvasTextRenderer.js"></script>
于 2013-06-14T15:37:08.923 回答