标签: jqplot

我目前在jquery中有一个条形图.如果结果只显示1 bar,则问题是条形填充整个图形的空间.如何调整条的宽度,使其看起来不像日志.

我有一个使用jqplot和两行的线图.一行代表最大值,另一行代表最小值.我的代码图例无法正确显示,y轴标签与y轴重叠,我做错了什么？谢谢你的帮助!

[编辑] Jqplot版本是jquery.jqplot.1.0.0b2_r1012

我的代码显示此图表:

我想要一个像这个 图像中的传奇

这是我的代码:

<link rel="stylesheet" type="text/css" hrf="../plugins/jqplot/jquery.jqplot.min.css" />
<script type="text/javascript" src="../plugins/jqplot/jquery.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot/plugins/jqplot.enhancedLegendRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot/plugins/jqplot.canvasOverlay.min.js"></script>
<script>
  $(document).ready(function(){               
          var maxPoints86 = [3.000000,4.000000,4.500000,5.000000,7.000000,7.000000,5.500000,8.500000,6.700000,5.200000,4.000000,5.500000,0.200000,7.500000,5.000000,5.200000,5.000000];
          var minPoints86 = [2.000000,1.000000,3.000000,4.000000,5.000000,4.800000,5.000000,6.000000,4.000000,2.500000,2.500000,5.000000,0.100000,6.000000,3.500000,5.000000,5.000000];

          var plot86 = $.jqplot('chart', [maxPoints86, minPoints86], 
          { 
              title:'Errores en facturación',
              axesDefaults: {
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer
              },
              axes: {
                xaxis: {
                  label: "Monthly",
                },
                yaxis: {
                  label: "Percentage"
                }
              },
              legend: {
                show: true,
                location: 'se',
                labels:['Max','Min'],
                showSwatch: true,
                predraw: false, …

我正在尝试以编程方式打开和关闭 pointLabels。我认为它会像这样工作：

    var data_ = [[1,1],[2,5],[4,9]];
    var graph = $.jqplot(id_graph, [data_], {
        series:[{pointLabels: { show:true } }]
        }
      );
    graph.series[0].pointLabels.show=false;
    graph.replot();

但是，这仍然显示点标签。

谢谢你的帮助！

我不想要jqplot上的X和Y轴线.这样的事情

我该怎么做到这一点.

我尝试了jqplot的各种选项,比如showGrid:false等......没什么用

我使用logAxisRenderer使用jqPlot绘制数据以具有两个对数轴.

除了两个问题外,一切都很好:

1. jqPlot在0和1之间创建了大量空白空间.

2. x轴上有两个零,因为我将数字格式化为"%'i"(一个用于0.0,一个用于0.5).

我尝试使用min:1和max:100000来隐藏空白区域和零区域.但这没效果.生成的绘图没有线,所有x轴标签都位于轴左侧的同一位置.

这是我用来创建这个图的代码:

$.jqplot(divId, [ line ], {
    title : title,
    series:[{showMarker:false}],
    axes : {
        xaxis : {
            label:'Users',
            renderer : $.jqplot.LogAxisRenderer,
            tickOptions:{
                tickDistribution: "power",
                formatString: "%'i"
            },
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
        },
        yaxis : {
            label:'Frequency',
            renderer : $.jqplot.LogAxisRenderer,
            tickOptions:{
                tickDistribution:"power",
                formatString: "%'i"
            },
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
        },
    },
});

我是JqPlot的新手.是否可以仅绘制点而不连接它们.因为我不希望它成为折线图.我只想在图表上分散点.

Jqplot 的图表如下

jqplot图表

我的问题是如何在 a 之外显示标签jqplot chart，如下所示high chart，

高图表可在此处获得fiddle

高图

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

如何实现在jqplot中用线条在图表外显示标签？

我使用jqplot创建了以下图表.

我想将蓝线与蓝色条形图对齐,红线与红色条形图对齐.对齐我的意思是折线图的"项目符号"(显示值)将与条形图水平对齐.

这可能吗？我知道如果我将条形图叠加在另一个上面就有可能.但如果我希望条形图显示在这里......那么它可能吗？

谢谢你的回答......

我试图使用jqPlot它每天绘制数据使用情况DateAxisRenderer,数据是静态的来测试图形,但我发现图形上的点与网格上的确切日期不对应.

有更好的工具可以更准确地做到这一点吗？我需要在浏览器上使用渲染光和交互式图形JavaScript.

获取日志消息:饼的直径太小,无法渲染.

然后,当我在页面内悬停或点击时,我得到:未捕获的TypeError:无法读取未定义的属性"0"

    <link href="/Content/jqPlot/jquery.jqplot.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.jqplot.js" type="text/javascript"></script>
    <script src="/Scripts/jqplot.pieRenderer.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            //GetWeeklyProjectSummary();
            Test();
        });

        function Test() {
            var data = [["987 Project",74],["ABC Project",68],["XYZ project",26]];
            var plot1 = jQuery.jqplot('weeklyProjectSummary', [data],
                {
                    seriesDefaults: {
                        // Make this a pie chart.
                        renderer: jQuery.jqplot.PieRenderer,
                        rendererOptions: {
                            // Put data labels on the pie slices.
                            // By default, labels show the percentage of the slice.
                            showDataLabels: true
                        }
                    },
                    legend: { show: true, location: 'e' }
                }
              ); …