小编Rod*_*ney的帖子

如何减小KendoUI饼图的大小?

你如何减少KendoUI饼图的大小?我正在使用饼图使用以下配置.我已将边距设置为1像素,并将填充设置为1像素,但它似乎对饼图的呈现方式没有任何影响.我没有头衔,但仍然有一个标题空间.我希望能够缩小图表顶部与图例和实际图表之间的空间.

我的配置:

jQuery("#chart").kendoChart({
//              theme: jQuery(document).data("kendoSkin") || "Metro",
            legend: {
                position: "bottom",
                padding: 1,
                margin: 1
            },
            seriesDefaults: {
                labels: {
                    visible: true,
                    template: "${ value }%"
                }
            },
            dataSource: {
                data: <%=ChartData%>
            },
            series: [{
                type: "pie",
                field: "percentage",
                categoryField: "source",
                explodeField: "explode"
            }],
            tooltip: {
                visible: false,
                template: "${ category } - ${ value }%"
            },
            title: { padding: 1, margin: 1 },
            seriesColors: ["#d15400", "#19277e", "#e2935e", "#d2d2d2"],
            chartArea: { margin: 1 },
            plotArea: { margin: 1 } …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net telerik jquery-plugins kendo-ui

6
推荐指数
1
解决办法
9541
查看次数

使用KendoUI折线图,如何使数据标记(点)成为纯色?

我正在使用Kendo UI来替换现有的图表.我需要尽量减少图表之间的变化.有谁知道如何使折线图上的点固体?是否可以使线条更薄?

这是我的图表图片:

这是我的jsFiddle项目,如果你想玩它:http://jsfiddle.net/rodneyhickman/uMTnh/2/

我的HTML看起来像:

<div id='chart'  ></div>
Run Code Online (Sandbox Code Playgroud)

我的jQuery脚本看起来像:

    jQuery('#chart').kendoChart({
    title: {
        text: "Overall Score out of 100",
        align: "left",
        font: "18px Arial, Verdana, sans-serif",
        color: "#444"
    },
    seriesDefaults: {
        type: "line",
        missingValues: "interpolate",

    },
    legend: {
        position: "bottom"
    },
    tooltip: {
        visible: true,
        format: "{0}%"
    },
    valueAxis: {
        min: 70,
        max: 85,
        plotBands: [{
            from: 70,
            to: 75,
            color: "#EDF5FF"},
        {
            from: 80,
            to: 85,
            color: "#EDF5FF"}]
    },
    series: [{
        name: "Some Product",
        color: "004990",
        tooltip: …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net jquery telerik kendo-ui

6
推荐指数
1
解决办法
8884
查看次数

使用KendoUI饼图,如何删除空格?

我正在使用KendoUI饼图,我有很多白色空间.删除它的最佳方法是什么.见下图:

白色空间

我的java脚本如下所示:

<div id="divGraph1" style="width:250px; height:250px;"/>

jQuery("#divGraph1").kendoChart({ 
     legend:{ 
          position: "bottom", 
          padding: 1, 
          margin: 1 
     }, 
     seriesDefaults:{ 
          labels:{ 
               visible: true, 
               template: "#= kendo.format('{0:P}', percentage)#" 
          }, 
          visible: true 
     }, 
     tooltip:{ 
          visible: true, 
          template: "#= category # - #= kendo.format('{0:P}', percentage)#" 
     }, 
     seriesColors: [ 
          "#004990", "#da7633", "#8a7967", "#8b0f04", "#ead766", "#676200", "78496a"
     ], 
     title: { 
          padding: 1, 
          margin: 1 
     }, 
     chartArea: { margin: 1 }, 
     plotArea: { margin: 1 }, 
     series:[{ 
          type: "pie", 
          data: [
               { category: "Facilities in IDN", value: 3 },
               { …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net jquery telerik kendo-ui

5
推荐指数
1
解决办法
6266
查看次数

如何减少KendoUI折线图中的垂直线数?

使用KendoUI我需要用KendoUI替换现有的DotNet Charting线图.有没有办法减少KendoUI折线图中的垂直线数?

以下是我正在替换的图表和我的KendoUi图表的图像:

这是我的Kendo UI脚本:

jQuery('#divChart').kendoChart({ 
   title: { 
        text: "Overall Score out of 100", 
        align: "left", font: "18px Arial, Verdana, sans-serif" 
   },
   seriesDefaults: { type: "line" },
   legend: { position: "bottom" }, 
   tooltip: {  visible: true,  format: "{0}%" },
   valueAxis: 
   { 
        min: 70, 
        max: 95, 
        plotBands: 
        [
             { from: 70, to: 75, color: "#EDF5FF" },
             { from: 80, to: 85, color: "#EDF5FF" },
             { from: 90, to: 95, color: "#EDF5FF" }
        ]
    },
    series: 
    [ 
         { 
              name: "Some Product", 
              color:"004990", …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net-mvc jquery telerik kendo-ui

5
推荐指数
1
解决办法
3801
查看次数

从代码合同开始的位置?

我看到了C#Code Contracts的一个很棒的演示,我想开始在may代码中实现它们.我希望我已经在我的代码中拥有它们了.一个人从哪里开始?

我没有带走演示中的任何印刷材料.有兴趣吗?

有关代码合同的初学者的任何建议?

在此先感谢您的帮助.

.net c# code-contracts

5
推荐指数
2
解决办法
894
查看次数

使用图表js版本3,如何将自定义数据添加到外部工具提示?

使用 Chart JS 版本 3。如何传入外部工具提示可以使用的自定义数据?

我想用 HTML 重新创建此工具提示。

在此输入图像描述

我正在遵循本页上的示例“#External (Custom) Tooltips”: https: //www.chartjs.org/docs/latest/configuration/tooltip.html,但我需要其他数据来构建工具提示,例如图像网址或产品 ID?我如何将其放入模型中?

javascript chart.js chart.js3

5
推荐指数
1
解决办法
6355
查看次数

如何防止剑道UI饼图工具提示从绘制外部父Div?

我正在使用Telerik的Kendo UI饼图.我正在使用Tooltip的以下配置:

tooltip: {
    visible: true, 
    template: "${ category } - ${ value }%"
},
Run Code Online (Sandbox Code Playgroud)

由于工具提示标签太大,我的类别名称会被切断.有没有办法改变Tooltip显示位置?

css telerik tooltip kendo-ui pie-chart

4
推荐指数
1
解决办法
3703
查看次数

如何刷新KendoUI DropDownList?

我有一个需要更新的kendo ui网格.所以我有以下标记:

我调用以下脚本来填充下拉列表:

   // An Ajax call to load the selected hover into the controls
    $.ajax({
        type: 'POST',
        url: '/Reports/HoverManager/GetHoversForDropDown',
        data: { sectionId: sectionId },
        error: function(response){
            $('.hover-manager .error').html(response.responseText).fadeIn(500).delay(5000).fadeOut(500);
        },
        success: function(response){

            $('.hover-manager #hoverSelect').kendoDropDownList({  
                animation: false,
                dataTextField: "Name",
                dataValueField: "ID",
                dataSource: response.hovers,
                change: hoverDownDownChange,
            }).data('kendoDropDownList').value(hoverId);    

        }
    });
Run Code Online (Sandbox Code Playgroud)

一旦页面加载.我调用相同的脚本来刷新下拉列表.我在源代码中注意到数据源包含新数据但隐藏了下拉列表.

更新Kendo下拉列表的正确方法是什么?

javascript asp.net-mvc telerik kendo-ui

4
推荐指数
1
解决办法
1万
查看次数

如何更新 C# Uri 段?

我有一个 Uri,其 URL 格式如下:/Review/{产品名称}/{id}

我想更新细分产品名称,例如:

uri.Segments[2] = product.UrlFriendlyProductName; 
Run Code Online (Sandbox Code Playgroud)

当我执行上面的代码时,Uri 不会更新。有什么建议么?

c# url .net-core

3
推荐指数
1
解决办法
2148
查看次数

使用KendoUI折线图,如何保持条形点连接?(见图)

我正在使用KendoUI来替换一些DotNet Charting Graphs.即使没有数据,如何保持线路连接?

第一张图表是正在替换的Dot Net Charting.第二个图表是KendoUI,我想保持点连接.

我的HTML看起来像这样:

我的jQuery Kendo脚本如下图所示:

jQuery('#chart').kendoChart({
    title: {
        text: "Overall Score out of 100",
        align: "left",
        font: "18px Arial, Verdana, sans-serif"
    },
    seriesDefaults: {
        type: "line"
    },
    legend: {
        position: "bottom"
    },
    tooltip: {
        visible: true,
        format: "{0}%"
    },
    valueAxis: {
        min: 70,
        max: 85,
        plotBands: [{
            from: 70,
            to: 75,
            color: "#EDF5FF"},
        {
            from: 80,
            to: 85,
            color: "#EDF5FF"}]
    },
    series: [{
        name: "Some Product",
        color: "004990",
        tooltip: {
            visible: true,
            template: "<b>Some Product *</b><br/>Current …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net jquery telerik kendo-ui

2
推荐指数
1
解决办法
2341
查看次数

如何获取Kendo Multi Select Control中所选项目的数量?

在Kendo多选控件中获取所选项目计数的最佳方法是什么?

我试过了:

multiSelect.dataItems().count()
Run Code Online (Sandbox Code Playgroud)

multiSelect.value().count()
Run Code Online (Sandbox Code Playgroud)

既不工作?任何建议将不胜感激.

javascript jquery telerik multi-select kendo-ui

2
推荐指数
1
解决办法
1万
查看次数

使用Kendo Grid如何删除列Borders?

我正在使用Kendo UI Grid,默认情况下我会得到列分隔线或边框线.(垂直线向下).你如何删除它们.

加价:

<div class="grid">
    <h3>Current<span class="goal-count">15</span></h3>
</div>
Run Code Online (Sandbox Code Playgroud)

这是一个JSFiddle项目的链接:http: //jsfiddle.net/mackry/RbmAz/

有什么建议?

javascript telerik css3 kendo-ui kendo-grid

1
推荐指数
1
解决办法
9064
查看次数

如何使用图标、占位符标签和带弯角的边框构建自定义 Xamarin 表单条目?

我是 Xamarin 的新手,想知道从哪里开始。

我需要制作 Xamarin Forms 自定义条目。该条目需要一个图标和一个带圆角的边框和一个占位符标签。这是需要的模型:”

自定义条目

行为是文本“输入”将显示占位符文本,直到用户开始键入,然后“标签”将与占位符的文本一起出现。所以“标签”将被隐藏,直到用户开始输入。

在此处输入图片说明 (带有占位符文本)

那么是否可以在没有自定义条目渲染器的情况下构建此条目?如果需要,如何将标签放入自定义渲染器中。

我会学徒任何帮助开始这个。

c# xaml custom-renderer xamarin.forms

1
推荐指数
1
解决办法
4033
查看次数