标签: jqplot

我的代码中有以下内容.有选择权

 legend: {show:true}  

严重扰乱图表.图例部分太长,没有图表.我在这里粘贴了图表的图像:http: //tinypic.com/view.php？pic = 2eqgbgy&s = 7

虽然没有图例选项但它显示正常,但图表当然没有图例.

在Chrome中,我看到以下异常未捕获错误:INDEX_SIZE_ERR:DOM异常1

<script type="text/javascript"> 
        line2 = [['Living Expenses',1000], ['Loans',2000], ['Credit 
Card',500]]; 
    $j(document).ready(function() { 
        $j.jqplot.config.enablePlugins = true; 
        $j.jqplot('piechartdiv', [line2], { 
            title: 'Where is my money going?', 
            seriesDefaults:{renderer:$j.jqplot.PieRenderer, 
rendererOptions:{sliceMargin:8}}, legend:{show:true} 
        }); 
}); 

</script> 

<div style="width: 450px;margin: 0px auto;"> 
    <div id='piechartdiv'></div> 
</div> 

任何帮助赞赏.

我希望能够捕获链接到所有轴刻度的点击事件.这是我到目前为止所做的.

http://jsfiddle.net/grVFk/5074/

如果有人知道如何使用任何图表插件可以友好分享.

谢谢

我刚开始使用JqPlot并希望显示一个小图表

然而,在顶部和左侧总是有一个小的边缘.

查看css产生的jqplot-event-canvas被赋予绝对位置,顶部和左侧设置为10px.

有没有一种简单的方法来解决这个问题,以便馅饼的位置没有多余的空间？

我试图在网格和饼图rendererOptions中将填充设置为0.还在轴上设置show:false,title,ledgend ......,有什么想法吗？

我可以请一些帮助来格式化Y轴上具有'%'符号的字符串.

这是'$'的代码:

tickOptions: {formatString: '$%d'}

如何将字符串格式化为使用'%'符号,因为'%'符号用作'关键字'？

我正在使用JQPlot生成一个从数据库中提取数据的图表,例如http://www.jqplot.com/tests/data-renderers.php中的示例.

图表工作正常,但目前系列标签是硬编码的.如何使此图表显示数据库中的系列标签,就像系列一样？我假设我需要对包含标签名称的第二个文件进行新的调用,但我不确定该怎么做.有任何想法吗？

这是我正在使用的代码:

$(document).ready(function(){
var ajaxDataRenderer = function(url, plot) {
    var ret = null;
    $.ajax({
        async: false,
        url: url,
        dataType:'json',
        success: function(data) {
            ret = data;
        }
    });
   return ret;
};
var jsonurl = "./index.php";
$.jqplot.config.enablePlugins = true;
plot1 = $.jqplot('chart1', jsonurl,{
    dataRenderer: ajaxDataRenderer,
    title: 'Annual Balance Summary',
    legend: {show:true, renderer:$.jqplot.EnhancedLegendRenderer},
    seriesDefaults: {lineWidth:4},
    **series:[{label:'Tilikausi 01/2009 - 12/2009'}, {label:'Tilikausi 01/2010 - 12/2010'}, {label:'Tilikausi 01/2011 - 12/2011'}]**, // THIS ARE THE VALUES I WANT TO BRING FROM THE DATABASE
        showMarker:true, …

我试图在jqPlot图表上组合DateAxisRenderer和ajax遇到困难.下面的代码不会产生任何错误,但会创建一个没有网格线的图表,y轴上没有标签,也没有绘制数据点.只有一个空白的白色图表背景,有两个x轴标签,都是12月31日,69日.

如果我换掉ajaxDataRenderer并使用数组中的数据,就像在这个例子中所做的那样(http://www.jqplot.com/tests/date-axes.php),一切都正确呈现.

这是我的Javascript:

var ajaxDataRenderer = function(url, plot, options) {
   var ret = null;
   $.ajax({
        async: false,
        url: url,
        type: "GET",
        dataType:"json",
        success: function(data) {
            ret = data;
        },
        error:function (xhr, ajaxOptions, thrownError){
            alert(xhr.responseText);
        }
   });
   return ret;
};

var jsonurl = "http://localhost:8080/chartdata";
var plot2 = $.jqplot('chart2', jsonurl, {
    title:'Customized Date Axis',
    dataRenderer: ajaxDataRenderer,
    axes:{
        xaxis:{
           renderer:$.jqplot.DateAxisRenderer,
           tickOptions:{formatString:'%b %#d, %y'}
        }
    }
});

返回的JSON jsonurl看起来像:

[["2008-09-30 4:00PM",15],["2008-10-30 4:00PM",8],["2008-11-30 4:00PM",17],["2008-12-30 4:00PM",10]]

任何想法将不胜感激!

如何从中删除点p:lineChart并将图表绘制为实线？

谢谢

我想用jqplot在浏览器中可视化一些时间序列数据.我的问题是,x轴值重叠并且不可读.

因此,缩放功能非常有用.但它不起作用.

请看看小提琴,它不在Firefox上运行,只是在谷歌铬:

http://jsbin.com/onufih/9/edit

这是我的代码:

function getTicks() {

    var ticks = [];

    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        var dateStr = item[0];
        ticks.push(dateStr);
    }

    return ticks;
}

var overviewChart = $.jqplot('overviewChart', [data], {
    title: 'Rotated Axis Text',
    axes: {
        xaxis: {
            renderer: $.jqplot.DateAxisRenderer,
            rendererOptions: {
                tickRenderer: $.jqplot.CanvasAxisTickRenderer
            },
            ticks: getTicks(),
            tickOptions: {

                formatString: '%#m/%#d/%y - %#H h - %#M m - %#S s',
                fontSize: '10pt',
                fontFamily: 'Tahoma',
                angle: -40
            }
        },
        yaxis: …

我正在jqPlot饼图上绘制一些数据,并希望获得切片颜色.

• 我知道可以将切片设置为我自己设置的颜色.我想避免这种情况,因为默认颜色从一个切片到另一个切片很好地对比.此外,切片在鼠标悬停时突出显示,这些高亮颜色在整体上也很好看.创建一个全新的颜色方案然后在jqPlot内置了一个好东西时将其应用于绘图似乎太多了.
• 我想得到切片颜色,因为我需要提供关于某些切片的附加信息,并且将在图之外执行此操作.重复使用切片颜色还可以让我放弃使用绘图本身中的图例,并使用"切片颜色 - 名称 - 附加信息"创建我自己的表,然后将其作为附加信息的图例和来源.

某处是否有默认颜色的来源？或者有没有办法以编程方式提取它们？

我正在使用Jqplot插件生成像bar这样的图表.在我的条形图中有两个大值First bar和last bar.在酒吧之间太小了.如何显示小条调整为大值.

任何方式匹配或调整其他小值栏到高值栏.