CSS-Customizing of Column-Combination chart

Hi all,

i have a small but annoying problem with the combined column chart in DS 1.2 and hope you can give me some helpful input.

My chart has four data series - two displayed as columns and the others as lines, whereby logically each line-series refers to one column-series.

What i want is, that always only the marker of a line-series is displayed centered above its corresponding column (see Fig.2) .

The following chart shows, what i currently got realized:

Figure 1

By using css styling, i could hide the lines between the markers but the markers are still displayed centered between the column-groups:

.myChart *.v-morphable-line{    visibility: hidden;    }

Now i tried to shift the two line-series horizontally by using -ms-transform:translate(). That works within the MS-Developer tools(F12) (see Figure 2) but it doesn´t work when it´s defined in the css-stylesheet. I tried to get it with the following css-definition:

.myChart * .v-marker{
-ms-transform:translate(12);
}

Figure 2

Unfortunately this has no effect.

I have no ideas how to fix that issue. I hope anybody out there could give the golden hint.

Thanks so far & kind regards,

Sebastian