javascript 如何使用anychart-core js来改变颜色?

jogvjijk  于 2023-02-18  发布在  Java
关注(0)|答案(1)|浏览(155)

我使用any-chart core js库链接https://docs.anychart.com/创建了一个动态图表
密码是

var chart = anychart.radar();
      // set chart yScale settings
      chart.yScale()
        .minimum(0)
        .maximum(10)
        .ticks({'interval':2});

       chart.yGrid().stroke({
          color: "rgba(0, 0, 0, 0.4)",
          thickness: 1,
          opacity: 1,
        });
       chart.xGrid().stroke({
         color: "rgba(0, 0, 0, 0.4)",
         thickness: 1,
         opacity: 1
       });

      // create first series
      chart.line(data1);
                  
      // set chart title
      chart.title("");

      // set container id for the chart
      chart.container('spider_graph');
      // initiate chart drawing
      chart.draw();

       // set data and adjust visualisation
      var series = chart.line(data1);

      // enable markers on series
      series.markers(true);

它将添加标记,例如

所以指针是用线连接的,我想把红色改成其他颜色。
如果我没有创建标记的颜色是适用于使用chart.palette([“黄色”]);但是我想要两个不同颜色线的标记。
任何帮助都很感激。

yk9xbfzb

yk9xbfzb1#

要获得不同的线条和标记颜色,需要对标记()使用fill()方法,对线条颜色使用palette()方法。

// change color for the line
chart.palette(["Blue"]);
  
// change color of the markers
series.markers().fill("red");

示例如下所示:https://playground.anychart.com/oEm8K8hK/4

相关问题