标签: jqplot

我正在使用 jqplot 生成几个线图，并想为其添加突出显示功能。具体来说，一旦鼠标悬停在这条线上，它将突出显示自身（改变颜色）。我在条形图（示例）中看到了这个功能。有没有办法将其引入线图？

这是我的代码的演示。

我有一个用于折线图的 jqplot，但我的图例变得太大了。我想为图例实现可滚动功能。我尝试执行以下操作：

table.jqplot-table-legend {
    display: block;
    height: 350px;
    overflow-y: scroll;
}

在 css 文件和我的 ctp 文件中，我试过

legend: { 
    show: true, 
    location: 'ne',
    rendererOptions: {numberColumns: 2}
}

正如在之前的帖子中提到的，但似乎没有一个对我有用。请帮忙。

如何以KB/MB/GB/TB为单位获取jqPlot y轴值.我有datanode记录,如 - 没有.一天中读取和写入的字节数,并通过JqPlot绘制它.但我希望我的y轴应包含带有KB/MB/TB/PB符号的数据.

like instead of
1024, should be 1 KB and
4096 - 2 KB
1048576 - 1 MB
1073741824 - 1 GB

如果可以的话,请帮帮我...

我想像下面的图像一样缩放y轴

但我有如下图

我想像第一个图一样实现y轴缩放.我想在大范围内显示.09和1之间的值.我还想将pf值范围显示为0到1(最小值为0,最大值为1).

任何的想法？

我试过的代码就在这里

$.jqplot.config.enablePlugins = true;
var chartData = [[1, .92], [2,.93], [3, .98],[4,.95]];

function PlotChart(chartData) {

    var plot2 = $.jqplot('chart1', [chartData], {
        title: '',
        seriesDefaults: {
            renderer: $.jqplot.CanvasAxisLabelRenderer,
            rendererOptions: {
                smooth: true
            },
            pointLabels: {
                show: true
            }
        },
        axes: {
            xaxis: {
                label: 'date',
                ticks : [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10','11', '12', '13', '14'],
                renderer: $.jqplot.CategoryAxisRenderer,
                // renderer to use to draw the axis,     
                tickOptions: {
                    formatString: '%d' …

我想为每个栏显示不同颜色的primefaces条形图.我得到的最接近的是图像:

我希望这些酒吧有不同的颜色,例如绿色表示"准时",黄色表示"警告",红色表示"过期"

我尝试使用, model.setSeriesColors("58BA27,FFCC33,F74A4A,F52F2F,A30303"); 但如果我这样做,每个栏应该是一个新的系列,因此我将无法按照我的意愿显示标签(如图像),我得到了这个..

最后,如何让它显示0,1,2,3(整数),而不是像图像1那样重复0_0_0_1_1_1_2_2_2:/

谢谢

我jqPlot用来显示烛台图表,数据来自XML.我从中检索数据XML并将其放入数组中,然后jqPlot从中创建烛台图表.但该XML文件包含大量数据,因此图表中的值重叠(具有固定宽度).

是否可以制作一个图表,让我们说10%的数据并放置一个滚动条,在滚动条的每个刻度上我们用下一个数据重建图形,或者已经存在滚动图形/图表的功能jqPlot.

请帮我解决这个问题.

我正在使用jqplot在页面上绘制图表.我正在绘制多条线,我需要显示一个有助于识别线条的图例.

线条有不同的颜色,所以我需要找到一种方法来设置图例中显示的各个标签的颜色.

  var plot3 = jQuery.jqplot('div1', [data1, data2, data3, data4],
    {
      // Series options are specified as an array of objects, one object
      // for each series.
      series:[
          {
            color: '#FF0000',
            // Change our line width and use a diamond shaped marker.
            lineWidth:2,
            markerOptions: { style:'diamond' }
          },
          {
            color: '#00FF00',
            // Don't show a line, just show markers.
            // Make the markers 7 pixels with an 'x' style
            showLine:false,
            markerOptions: { size: 7, style:"x" }
          },
          {
            color: '#0000FF', …

如何使x轴仅显示整数而不是jqPlot？

目前它的内容为:

0.5, 1, 1.5, 2, 2.5, etc.

我想强制它只在x轴标签中显示整数.

我如何在extjs窗口中放置一个外部javascript图表,例如flot或jqplot中的图表？我知道我可以使用extjs提供的图表,但我想在窗口内放置一个flot或jqplot图表.

我知道这个问题有点重复

jqPlot造型 - 如何移除Y轴线？

但由于这个问题没有得到确认答案(发布的那个对我不起作用),所以我在这里重新问一下.

我有一个简单的例子从jqPlot网页复制为条形图示例,并希望删除y轴线而不将其更改为$ .jqplot.CategoryAxisRenderer(可以隐藏轴线作为我的x轴).

http://jsfiddle.net/marsant/HndmB/3/

码:

$(document).ready(function(){
    var s1 = [200, 600, 700, 1000, 600];
    // Can specify a custom tick Array.
    // Ticks should match up one for each y value (category) in the series.
    var ticks = ['May', 'June', 'July', 'August', 'September'];

    var plot1 = $.jqplot('chart1', [s1], {
        // The "seriesDefaults" option is an options object that will
        // be applied to all series in the chart.
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions: { barWidth: 20 },
            color:'blue', …