Highchart - как бороться с проблемой перекрытия флагов? - PullRequest
Новая
       8

Highchart - как бороться с проблемой перекрытия флагов?

0 голосов
/ 12 декабря 2018

введите описание изображения здесь моя диаграмма должна отображать много флагов, но я хочу отображать без наложения между флагами.но я обнаружил, что некоторые флаги перекрываются.как я могу отображать без перекрытия между флагами?Мой клиент не допускает совпадения текста между флагами.дайте мне знать, как это решить.(Я прикрепил еще одну картинку с красной точкой круга.) Флаг скандала и торговли металлом перекрывается.но мы не могли установить по-разному y позицию для каждого из данных, потому что это происходит из таблицы.Как я могу исключить эти случаи относительно отображения флагов?

введите описание изображения здесь введите описание изображения здесь 

function addSeriesDataChartView(data, cond){
var seriesOptionsPrdct = {};
seriesOptionsPrdct.id = cond;
seriesOptionsPrdct.lineWidth= 2;
seriesOptionsPrdct.type= 'line';
seriesOptionsPrdct.dashStyle ="shortdash";
seriesOptionsPrdct.showInNavigator=false;

seriesOptionsPrdct.name = "이벤트";
seriesOptionsPrdct.type= 'flags';
seriesOptionsPrdct.shape= 'squarepin';
seriesOptionsPrdct.data= data;
data: [{
  bse_dt : "1996-07-19"
  code_cntry:"US"
  code_mkt;"STCK"
  evt_kwd:"US municipal bond"
  long_ewi_class:"1"
  prc_clos_dt:"1996-07-19"
  title:"US municipal bond"
  x:837734400000
  y:638.73 },
 {
  bse_dt : "1996-09-23"
  code_cntry:"US"
  code_mkt;"STCK"
  evt_kwd:"Fed Meeting"
  long_ewi_class:"1"
  prc_clos_dt:"1996-09-23"
  title:"Fed Meeting"
  x:843436800000
  y:686.48 },
 {
  bse_dt : "1996-11-06"
  code_cntry:"US"
  code_mkt;"STCK"
  evt_kwd:"Scandal"
  long_ewi_class:"1"
  prc_clos_dt:"1996-11-06"
  title:"Scandal"
  x:847238400000
  y:724.59},
 {
  bse_dt : "1996-11-20"
  code_cntry:"US"
  code_mkt;"STCK"
  evt_kwd:"Metal Trade"
  long_ewi_class:"1"
  prc_clos_dt:"1996-11-20"
  title:"Metal Trade"
  x:848448000000
  y:743.95}]

seriesOptionsPrdct.color= mrktChartColor.prdctLine[0];
seriesOptionsPrdct.onSeries=$(".gnb_dep02 li a.on").attr('id');
seriesOptionsPrdct.onSeries='dataseries';
//seriesOptionsPrdct.lineWidth= 1;


chartMain.addSeries(seriesOptionsPrdct);
}

//

1 Ответ

0 голосов
/ 19 декабря 2018

Я успешно воспроизвел описанную вами ситуацию: http://jsfiddle.net/BlackLabel/dn7poc81/

Ваша проблема вызвана типом 'squarepin', который в настоящее время имеет проблемы с перекрытием.Вам необходимо временно использовать 'flag' тип фигуры: 

series: [{
    type: 'flags',
    // shape: 'squarepin',
    ...
}]

Эта проблема выглядит как ошибка, поэтому я сообщил о ней на Highcharts GitHub: https://github.com/highcharts/highcharts/issues/9726

...