23
Views
2
Comments
Solved
need to do linear gradient background for column chart
Question

how to do this in column chart in updated column chart  not a column chart V1

UserImage.jpg
Aravind I
Solution

Hi Bharathiraja,
You can use the AdvancedFormat property of the OutSystems chart widget to inject custom JSON that Highcharts uses to render styles. The below json is for your sample reference:

{

  "plotOptions": {

    "column": {

      "colorByPoint": true,

      "colors": [

        {

          "linearGradient": { "x1": 0, "y1": 0, "x2": 0, "y2": 1 },

          "stops": [

            [0, "#4CAF50"],

            [1, "#2E7D32"]

          ]

        }
]
}}}

I hope its helpful.

UserImage.jpg
Aravind I
Solution

Hi Bharathiraja,
You can use the AdvancedFormat property of the OutSystems chart widget to inject custom JSON that Highcharts uses to render styles. The below json is for your sample reference:

{

  "plotOptions": {

    "column": {

      "colorByPoint": true,

      "colors": [

        {

          "linearGradient": { "x1": 0, "y1": 0, "x2": 0, "y2": 1 },

          "stops": [

            [0, "#4CAF50"],

            [1, "#2E7D32"]

          ]

        }
]
}}}

I hope its helpful.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.