Как установить границу линии Zingchart?

Можно ли нарисовать линию с границей в zingchart?

у меня есть

"type" : "line",
"values"     : [something],
"line-color": "#somecolor",

но добавляя "border-color" : "#something" а также "border-width" : 3px не делает этого

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

редактировать: забыл сказать, что я на диаграмме смешанного типа (столбцы + линии), я могу установить границы для серии "бар" типа, но не типа "линии".

Источник

1 ответ

Решение

Механизм рисования ZingChart имитирует многое из того, как рисуется SVG, поэтому линии не имеют границ по своей сути. Однако в истинном стиле SVG у нас есть свойство под названием top-state это позволяет пользователю копировать фигуру для размещения прямо поверх существующей фигуры.

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

Не стесняйтесь обращаться, если вам нужна дополнительная помощь - я являюсь частью команды ZingChart

var myConfig = {
  type: "mixed", 
 series : [
  {
    type : 'bar',
   values : [35,42,67,89,25,34,67,85]
  },
  {
    type : 'line',
   values : [35,42,67,89,25,34,67,85],
   lineWidth : "6px",
   topState : {
     lineWidth : "2px",
     lineColor : "pink"
   }
  }
 ]
};

zingchart.render({ 
 id : 'myChart', 
 data : myConfig, 
 height: 400, 
 width: 600 
});
<!DOCTYPE html>
<html>
 <head>
  <script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
 </head>
 <body>
  <div id='myChart'></div>
 </body>
</html>

Источник
Другие вопросы по тегам