标签: jqplot

jqPlot能够为图表创建图例.这些示例仅显示垂直图例.我想制作一个水平的传奇.例如,我想:

X-Label1 X-Label2 X-Label3

而且不想要:

X-Label1
X-Label2
X-Label3

谢谢

jqPlot 当鼠标悬停时改变填充的颜色......我想删除那个效果..怎么样？

以下是使用的选项:

var options={
    series: [{
            neighborThreshold: -1,
            shadowAngle:0,
            shadowOffset:2.5,
            shadowAlpha:.05,
            shadowDepth:5
        }],
    seriesDefaults: {
        color: '#224',
        fill: true,        // fill under the line,
        fillAndStroke: true,       // *stroke a line at top of fill area.
        fillColor: '#66CCCC',       // *custom fill color for filled lines (default is line color).
        fillAlpha: 0.2,       // *custom alpha to apply to fillColor.
        markerRenderer: $.jqplot.MarkerRenderer,    // renderer to use to draw the data
        // point markers.
        markerOptions: {
            show: false,             // wether to show data …

我正在尝试每月绘制一个带有单个数据点的图表.我在每个月的第一天将这个发送到jqPlot作为单点:

$.jqplot('actualChart', [[['2011-10-01',0.296],['2011-11-01',0.682]]], {
    title: programSelection.options[programSelection.selectedIndex].text,
    axes: {
        xaxis: {
            renderer: $.jqplot.DateAxisRenderer,
            rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer },
            tickOptions: { formatString: '%b' }
        }
    }
}

我正在使用Ajax加载图表数据.一些数据集具有比其他数据集更多的数据点 - 在上面的示例中仅有2个点,x轴刻度('%b'表示仅显示为10月和11月)沿着轴自动渲染,但是经常,例如,九月...十月...十月...十月...十月...十一月 - 沿着显示的线的常规点.我只想在10月初开一个蜱,在11月初开一个蜱.

我花了很多时间搜索,似乎tickInterval是为此做的,但添加

tickInterval: '1 month'

只是让x轴,数据点和线条消失 - 这就是我所指的破碎功能!指定任何其他间隔,例如

tickInterval: '2 days'

也打破了它.

解决方法是手动提供刻度,例如

ticks: ['2011-10-01','2011-11-01']

这确实把蜱放在正确的位置,但是

a)是一个不应该被要求的麻烦,并且

b)在图形数据点的任一端丢失漂亮的填充,因此两端的点出现在图形的边缘.当然,除非添加任何一方的手动滴答,但在上面的10月至11月示例中,我不希望在任何一方提供整月,因为有趣的数据仅占用图的中间三分之一.

谁能帮我这个？提前致谢.

编辑 - 找到一个解决方案:为轴提供min属性似乎确实解决了这个问题(无论出于何种原因...... bug？),所以除非有人有任何更好的想法,否则我会这样做!

我正在使用jqPlot创建一个条形图,但我遇到了一些问题.

问题1:图表上的第一个和最后一个条被切断.只有一半显示

问题2:我不希望我的数据点跨越整个x轴.是否没有数据跨越整个x轴？

例如:这就是现在做的事情.

这是我传递给它的数据

var chartData = [["19-Jan-2012",2.61],["20-Jan-2012",5.00],["21-Jan-2012",6.00]]

这是我正在使用的jquery.

 // Plot chart
        function PlotChart(chartData, numberOfTicks) {
            $.jqplot.config.enablePlugins = true;
                 var plot2 = $.jqplot('chart1', [chartData], {
                    title: 'Mouse Cursor Tracking',
                     seriesDefaults:{
                         renderer: $.jqplot.BarRenderer,
                         rendererOptions: {
                            barPadding: 1,
                            barMargin: 15,
                            barDirection: 'vertical',
                            barWidth: 50
                        }, 
                        pointLabels: { show: true }
                    },
                    axes: {
                        xaxis: {
                            pad: 0,       // a factor multiplied by the data range on the axis to give the
                            numberTicks: numberOfTicks,
                            renderer:  $.jqplot.DateAxisRenderer,  // renderer to …

在最新的JqPlot示例中(请参阅此处,您可以单击某些图表下方的按钮,并且div将图表作为图像向下滑动,允许您右键单击并另存为.

我检查了源代码,我只是看不到自己发生了什么.我已经看到了关于这个的各种讨论(请参阅此处,但我的javascript是最基本的.但这是我想在我当前的项目中实现的东西.

是否有人知道如何执行此操作的完整教程,即从实际的jquery代码到html代码中的实现.

我想在jqplot中有一个工具提示悬停突出显示的东西.问题是我希望它在轴上提供更多细节.因此格式化程序应该是不同的.我无法显示秒数:

有一个JS FIDLE 这里!

我希望时间戳显示为小时:分钟:秒,这将是格式字符串'%H:%M:%S'或'%T'或'%X'.但是我该怎么做？

    highlighter: {
        show: true,
        sizeAdjust: 3,
        //useAxesFormatters: false,
        //tooltipFormatString: '%H:%M:%S',
        formatString: '<table class="jqplot-highlighter"><tr><td>tijd:</td><td>%s</td></tr><tr><td>snelheid:</td><td>%s</td></tr></table>',
    },

有没有一种最好的方法来处理JqPlot的"无数据"？

假设我正在使用ajax调用消耗json数据,并且最终没有数据可用,例如:

[['North'][0],['South'][0],['East'][0],['West'][0]]

我想制作一个带有两组堆叠条形图的条形图,它们组合在一起以比较两组堆叠条形图.这应该以下列方式显示:

我已经通过了这个链接

但它并没有帮助我绘制你在上图中看到的东西.我甚至尝试发送两个数据集,[[s1, s2, s3], [s4, s5, s6]]但它没有帮助我绘制图表.有谁知道怎么做？

任何帮助将不胜感激.提前致谢.

我正在使用Google Chart API为值创建图表,范围从1到数百万.

问题 表示较小值(例如:小于50左右)的条在图上是不可见的,我无法看到哪些值对应于某个x轴.

如果我能以某种方式在条形图上打印y轴值,这将得到解决.但是,我在API文档中找不到任何关于如何做的提及.

这里有类似的问题,但它没有回答我的问题.

在google交互式条形图中将标签放在内部栏的顶部

还有其他一些超过一年未解决的问题,我希望有人可能已经找到解决方案或解决方法,这就是为什么再次提出这个问题.

谷歌可视化:柱形图,简单的问题,但找不到答案

如何在Google Chart API列顶部显示值

你能告诉我如何实现我想要的东西如何定制这个谷歌条形图？？

我正在使用jqPlot在页面上呈现图形.

我正在关注此链接. http://www.jqplot.com/tests/bar-charts.php

我给图表的数据点是动态的.所以有时候图表的大小是不同的.有没有办法/或能够为jqPlot设置属性？

确切地说,问题是如何设置图形的高度和宽度,以便每次获得新数据时图形的大小和标签的大小始终相同.jsFiddle的一个例子可以帮助包括我自己在内的所有人.