Как убрать обводку вокруг отдельных точек в области высоких графиков. Highcharts - PullRequest
0 голосов
/ 15 апреля 2019

У меня есть данные в одной точке на моих старших графиках с типом диаграммы = "площадь".вот код:

                    xtype: 'container',
                    ref: 'chartContainer',
                    height: 170,
                    layout: {
                        type: 'hbox',
                        align: 'stretch'
                    },
                    items: [{
                        xtype: 'qxhighchart',
                        ref: '../confirmedChart',
                        cls: 'qx-highchart-ct severity-chart',
                        flex: 1,
                        showLegend: true,
                        chartConfig: Qx.chart.Highchart.Configs.get('area', 
                         {

                            xAxis: {
                                 labels: {
                                     formatter: function () {
                                         return this.value; 
                                     }
                                 }
                             },
                             yAxis: {
                                 labels: {
                                     formatter: function () {
                                         return this.value;
                                     }
                                 }
                             },
                            plotOptions: {
                              area: {
                                  marker: {
                                      enabled: true,
                                      states: {
                                          hover: {
                                              enabled: true
                                          }
                                      }
                                  }
                              },
                                series: {
                                    allowPointSelect: true,
                                    shadow: false,
                                    dataLabels: {
                                      enabled: false
                                    },
                                    marker: {
                                      states: {
                                        select: {
                                          fillColor: "#FFFFFF",
                                          radius: 5,
                                          lineColor: null
                                        }
                                      }
                                    }
                                  }
                            },
                                series: [{
                                        name: "A",
                                        id: "a",
                                        type: 'area',
                                        color: '#d5bcfc',
                                        lineColor: '#d5bcfc'
                                    },{
                                          name: "B",
                                          id: "b",
                                          type: 'area',
                                          color: '#5da7e3',
                                          lineColor: '#5da7e3'
                                      }]

                        })
     }]

Выход прилагается:

enter image description here

Как вы видите, я получаюзаполнить сток синим цветом вокруг отдельных точек.Я хочу избавиться от них.Из приведенного выше кода я попытался удалить несколько свойств, но это не помогло.вот то, что я ожидаю, чтобы увидеть отдельные точки, как показано ниже, со всеми формами круга

enter image description here

Любые идеи о том, как удалить границу източки?

1 Ответ

1 голос
/ 16 апреля 2019

Вы можете удалить границу (обводку), установив plotOptions.series.marker.lineWidth = 0. Чтобы изменить все точки на форму круга, установите plotOptions.series.marker.symbol = 'circle'.

Код:

plotOptions: {
  series: {
    marker: {
      lineColor: null,
      lineWidth: 0,
      symbol: 'circle'
    }
  }
}

Демо:

Справочник по API:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...