散点线在y轴和x轴的'0'之前添加空格

问题描述

我正在使用剑道图来显示散点图。大多数数据处于零水平,几乎隐藏在x轴线中。

是否可以选择在0之前在y轴和x轴上腾出更多空间?也就是说,是否可以选择使0从y轴的一点开始,到x轴的一点呢?

enter image description here

我想实现如图2所示的功能:在Kendo UI中可以实现吗?

enter image description here

<!DOCTYPE html>
<html>

<head>
  <base href="https://demos.telerik.com/kendo-ui/scatter-charts/index">
  <style>
    html {
      font-size: 14px;
      font-family: Arial,Helvetica,sans-serif;
    }
  </style>
  <title></title>
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.common.min.css" />
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default.min.css" />
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default.mobile.min.css" />

  <script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>


  <script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>



</head>

<body>
  <div id="example">
    <div class="demo-section k-content wide">
      <div id="chart"></div>
    </div>
    <script>
      function createChart() {
        $("#chart").kendoChart({
          title: {
            text: "Rainfall - Wind Speed"
          },legend: {
            position: "bottom"
          },seriesDefaults: {
            type: "scatter"
          },series: [{
            name: "January 2008",data: [
              [655,132],[158,56],[212,159],[84,0],[175,55],[122,2],[168,237],[160,106],[223,28],[151,169],[142,57],[104,[155,[138,[258,23],[402,211],[470,149],[331,38],[96,5],[190,92],[110,39],[184,[153,9],[170,[369,121],[171,69],[251,155],[287,[468,8],[242,90],[357,470],[97,[144,108],[187,43],[134,[108,[147,68],[141,[321,94],[156,6],[172,29],[123,45],[80,[249,[179,[131,65],1],[149,12],[98,[78,[119,[161,[130,[222,[197,[418,165],[139,[150,[133,11],[140,49],[217,[214,30],[195,[182,18],164],[371,239],33],[121,86],[282,73],[95,[126,[169,[193,[332,66],[250,157],15],[461,[186,104],[234,64],[200,88],[533,53],[204,[375,120],[385,142],[272,[77,3],[120,[209,[127,17],[196,63],[74,59],[327,255],[424,327]
            ]

          }],xAxis: {
            max: 1000,title: {
              text: "Wind Speed [km/h]"
            },crosshair: {
              visible: true,tooltip: {
                visible: true,format: "n1"
              }
            }
          },yAxis: {
            min: 0,max: 500,title: {
              text: "Rainfall [mm]"
            },axisCrossingValue: -5,format: "n1"
              }
            }
          }
        });
      }

      $(document).ready(createChart);
      $(document).bind("kendo:skinChange",createChart);
    </script>
  </div>




</body>

</html>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...