highcharts透明系列

我正在画两个系列的折线图，其中之一是透明的（但有彩色点）。highcharts透明系列

我的问题是透明系列在图例中没有颜色，并且看起来不太好（尤其是通过在图例中单击它的名称来隐藏它时）。

下面是我在做什么的例子： JSFiddle Example

创建透明系列的代码是：

{type:'spline',name:'Transparent',color:'rgba(255, 255, 255, 0.1)', data:[{x:1361059200000, y:0.0, marker: {symbol: "square", radius: 3, fillColor: "#f2a8a8", states: { hover: {radius: 3, fillColor: "#f2a8a8"}}}},{x:1361088000000, y:0.0, marker: {symbol: "square", radius: 8, fillColor: "#f2a8a8", states: { hover: {radius: 8, fillColor: "#f2a8a8"}}}},{x:1361116800000, y:0.0, marker: {symbol: "square", radius: 6, fillColor: "#f2a8a8", states: { hover: {radius: 6, fillColor: "#f2a8a8"}}}}]}

有没有一种方法来设置颜色的系列传奇（无论是在图表创建过程中或在图表创建后使用JavaScript）？

感谢，谢夫

来源

2013-02-24 Ziv Eylon

而不是使用透明样的，我建议使用自定义标记系列使用分散。

http://jsfiddle.net/G4NLn/3/

{ 
      type: 'scatter', 
      name: 'Transparent', 
      marker: { 
        symbol: "square", 
        radius: 3, 
        fillColor: "#f2a8a8", 
        states: { 
         hover: { 
          radius: 3, 
          fillColor: "#f2a8a8" 
         } 
        } 
      }, 
      //color: 'rgba(255, 255, 255, 0.1)', 
      data: [{ 
       x: 1361059200000, 
       y: 0.0, 
       marker: { 
        symbol: "square", 
        radius: 3, 
        fillColor: "#f2a8a8", 
        states: { 
         hover: { 
          radius: 3, 
          fillColor: "#f2a8a8" 
         } 
        } 
       } 
      }, { 
       x: 1361088000000, 
       y: 0.0, 
       marker: { 
        symbol: "square", 
        radius: 8, 
        fillColor: "#f2a8a8", 
        states: { 
         hover: { 
          radius: 8, 
          fillColor: "#f2a8a8" 
         } 
        } 
       } 
      }, { 
       x: 1361116800000, 
       y: 0.0, 
       marker: { 
        symbol: "square", 
        radius: 6, 
        fillColor: "#f2a8a8", 
        states: { 
         hover: { 
          radius: 6, 
          fillColor: "#f2a8a8" 
         } 
        } 
       } 
      }]

来源

2013-02-25 14:59:15

我想你的建议，它看起来更好。最后一个问题是，当隐藏散布数据集时，图例显示带有灰色水平线的符号，而我找不到消除这条线的方法。 – 2013-02-25 19:24:54

这一行不是分散元素，而是yAxis gridLines。看看gridLines选项http://api.highcharts.com/highcharts#yAxis – 2013-02-26 08:51:05

我很熟悉它。我不知道的是，它如何在你的小提琴中起作用。我没有看到关于图例线颜色的任何设置。 – 2013-02-26 12:40:11

highcharts透明系列

回答

相关问题