Kendo ui圖表隱藏圈數據點

Question

我無法隱藏Kendo ui中折線圖的圓形圓圈。我想顯示工具提示值，但想隱藏圓圈。

下面的例子是從演示網站：http://demos.kendoui.com/dataviz/line-charts/index.html

甚至，我不知道他們怎麼稱呼它，這樣我可以在這裏文檔中找到：http://docs.kendoui.com/api/dataviz/chart

Answer 1

請與下面的嘗試代碼片段。讓我知道是否有任何顧慮。

<style> 
    #chart circle { 
     display: none !important; 
    } 
</style> 
<script> 
    function createChart() { 
     $("#chart").kendoChart({ 
      title: { 
       text: "Gross domestic product growth /GDP annual %/" 
      }, 
      legend: { 
       position: "bottom" 
      }, 
      chartArea: { 
       background: "" 
      }, 
      seriesDefaults: { 
       type: "line" 
      }, 
      series: [{ 
       name: "India", 
       data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855] 
      }, { 
       name: "World", 
       data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727] 
      }, { 
       name: "Russian Federation", 
       data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3] 
      }, { 
       name: "Haiti", 
       data: [-0.253, 0.362, -3.519, 1.799, 2.252, 3.343, 0.843, 2.877, -5.416, 5.590] 
      }], 
      valueAxis: { 
       labels: { 
        format: "{0}%" 
       }, 
       line: { 
        visible: false 
       }, 
       axisCrossingValue: -10 
      }, 
      categoryAxis: { 
       categories: [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011], 
       majorGridLines: { 
        visible: false 
       } 
      }, 
      tooltip: { 
       visible: false 
      } 
     }); 
    } 
    $(document).ready(createChart); 
</script> 

Answer 2

根據該文檔，你可以設置series.markers.visible爲false：

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.markers.visible

另外，你可以改變它們的大小和形狀。