Как скрыть метки единиц измерения осей значений диаграммы кендо - PullRequest
Новая
       19

Как скрыть метки единиц измерения осей значений диаграммы кендо

0 голосов
/ 18 февраля 2019

Kendo Chart

Я пытаюсь нарисовать линейный график, где ось значений и ось категорий будут пересекаться в некоторой точке, используя диаграмму кендо jquery.

Я задал этот вопрос на форуме по кендо https://www.telerik.com/forums/dynamic-vertical-line-in-charts

Я решил создать несколько осей значений.Пока я могу нарисовать график, как показано ниже, но не могу удалить метки единиц с оси значений слева.

Может ли кто-нибудь помочь с тем, как удалить метки единиц от оси значений синего цвета или какой-либо лучший подход доступен?

Вот пример кода: 

function drawChart(data) {
   var series = [
      {
         name: "Series1",
         color: "#96DF73",
         markers: {
            visible: false
         },
         data: data.Series1
      },
      {
         color: "#00B0F2",
         width: 4,
         markers: {
            visible: false
         },
         data: Array.from({ length: 8 }).fill(3.2)
      }
   ];

   $("#divChart").kendoChart({
      legend: {
         position: "top"
      },
      seriesDefaults: {
         type: "line",
         style: "smooth",
         tooltip: {
            visible: true
         },
         axis: "defaultCatAxis"
      },
      chartArea: {
         background: "#f1f1f1"
      },
      plotArea: {
         background: "white"
      },
      series: multiSpeedSeries,
      categoryAxis: {
         title: {
            text: "Category"
         },
         categories: [0, 1000, 2000, 4000, 6000, 8000, 10000, 12000],
         axisCrossingValues: [0, 5],
         justified: true,
         minorGridLines: {
            visible: true
         }
      },
      valueAxes: [
         {
            name: "defaultCatAxis",
            title: {
               text: "defaultCatAxis"
            },
            minorGridLines: {
               visible: true
            },
            min: 1
         },
         {
            labels: {
               //width: 3,
               visibility: false
            },

            line: {
               color: "#00B0F2",
               width: 4
            }
         }
      ]
   });
}

1 Ответ

0 голосов
/ 18 февраля 2019

Ваш код был в значительной степени там с тем, как вы делали маркировку, он был просто неким typos с определениями свойств:

См. Пример с dojo: dojo.telerik.com/otuBehiq/2

Все, что я сделал, это исправил определение вашей оси с: 

 {
            labels: {
               //width: 3,
               visibility: false
            },

            line: {
               color: "#00B0F2",
               width: 4
            }
         }

до: 

 {
                    labels: {
                        //width: 3,
                        visible:false
                    },

                    line: {
                        color: '#00B0F2',
                        width: 4,
                    }
                }

обратите внимание, что это visible, а не visibility

Что касается второй части вашего вопроса в комментариях, вам нужно будет расширить то, что вам действительно нужно / ожидать от графика, так как неясно, поскольку я удалил второстепенные значения и линии сетки из графика.

...