Javascript 使用jqplot库时显示图形轴

我使用jQuery创建图形

我想在我的图形中显示

Ox

和

Oy

轴（如果可能的话，还有箭头和一些文本）。我该怎么做

我使用以下命令初始化图形：

$.jqplot ('graph', [[[1, 2]]], {
    axesDefaults: {
        labelRenderer: $.jqplot.CanvasAxisLabelRenderer
    }
   , axes: {
         xaxis: {
             label: "U (V)"
            , min: -5
            , max: 5
            , tickOptions: {
                  formatString: "%#.2f"
                , howGridline: false
                , textColor: '#ffffff'
                , fontSize: '12px'
              }
          }
        , yaxis: {
              label: "I (mA)"
            , min: -10
            , max: 20
            , tickOptions: {
                  formatString: "%#.2f"
                , howGridline: false
                , textColor: '#ffffff'
                , fontSize: '12px'
            }
        }
    }
});

看起来是这样的：

我想象这样的情况：

---

本教程对此进行了更好的解释

以下是示例：

你需要画布插件

$.jqplot ('graph', [[[1, 2]]], {
     axesDefaults: {
        labelRenderer: $.jqplot.CanvasAxisLabelRenderer
    }
   , axes: {
         xaxis: {
             label: "U (V)"
            , min: -5
            , max: 5
            , tickOptions: {
                  formatString: "%#.2f"
                , howGridline: false
                , textColor: '#ffffff'
                , fontSize: '12px'
              }
          }
        , yaxis: {
              label: "I (mA)"
            , min: -10
            , max: 20
            , tickOptions: {
                  formatString: "%#.2f"
                , howGridline: false
                , textColor: '#ffffff'
                , fontSize: '12px'
            }
        }
    },
    canvasOverlay: {
            show: true,
            objects: [
               {dashedVerticalLine: {
                    name: 'bam-bam',
                    x: 0,
                    lineWidth: 1,
                    dashPattern: [16, 12],
                    lineCap: 'round',
                    yOffset: '20px',
                    color: 'rgb(66, 98, 144)',
                    shadow: false
                }}
            ]}
});

---

本教程很好，但我希望您修改以添加轴（

y=0上的
Ox
和
x=0上的
Oy
）。谢谢你不能使用JSFIDLE…因为你需要插件，你必须下载并实现它们。我已经更新了应该可以工作的代码。我在JSFIDLE中添加了代码，但是没有显示轴：你能提供完整的HTML页面吗，然后呢？你的沉默迫使我写样本。我在帖子中添加了链接。@IonicăBiză你看到上传的解决方案了吗。如果有什么不对劲，告诉我。