Change the shape of points in kendo react scatter chart











up vote
0
down vote

favorite












I need to change to color and shape of points/items in the kendo react scatter chart. The default is circles with different colors but I need to change it to shapes of diamond, square, circle and plus.



Can anyone please provide help in this regard.










share|improve this question









New contributor




Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • What have you tried so far? Please provide a Minimal, Complete and Verifiable example.
    – vijoc
    yesterday










  • Did you check the Kendo help page/forums?
    – Thangadurai
    yesterday















up vote
0
down vote

favorite












I need to change to color and shape of points/items in the kendo react scatter chart. The default is circles with different colors but I need to change it to shapes of diamond, square, circle and plus.



Can anyone please provide help in this regard.










share|improve this question









New contributor




Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • What have you tried so far? Please provide a Minimal, Complete and Verifiable example.
    – vijoc
    yesterday










  • Did you check the Kendo help page/forums?
    – Thangadurai
    yesterday













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I need to change to color and shape of points/items in the kendo react scatter chart. The default is circles with different colors but I need to change it to shapes of diamond, square, circle and plus.



Can anyone please provide help in this regard.










share|improve this question









New contributor




Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











I need to change to color and shape of points/items in the kendo react scatter chart. The default is circles with different colors but I need to change it to shapes of diamond, square, circle and plus.



Can anyone please provide help in this regard.







kendo-react-ui






share|improve this question









New contributor




Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited yesterday









Billal Begueradj

5,516132637




5,516132637






New contributor




Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked yesterday









Zohran Danish

1




1




New contributor




Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






Zohran Danish is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












  • What have you tried so far? Please provide a Minimal, Complete and Verifiable example.
    – vijoc
    yesterday










  • Did you check the Kendo help page/forums?
    – Thangadurai
    yesterday


















  • What have you tried so far? Please provide a Minimal, Complete and Verifiable example.
    – vijoc
    yesterday










  • Did you check the Kendo help page/forums?
    – Thangadurai
    yesterday
















What have you tried so far? Please provide a Minimal, Complete and Verifiable example.
– vijoc
yesterday




What have you tried so far? Please provide a Minimal, Complete and Verifiable example.
– vijoc
yesterday












Did you check the Kendo help page/forums?
– Thangadurai
yesterday




Did you check the Kendo help page/forums?
– Thangadurai
yesterday












1 Answer
1






active

oldest

votes

















up vote
0
down vote













<ChartSeriesItem
type="scatter"
data={data}
xField="rainfall"
yField="windSpeed"
markers={{
visible: true,
type: "triangle",
}}
/>


It can be controlled with the Markers properties type and background






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });






    Zohran Danish is a new contributor. Be nice, and check out our Code of Conduct.










     

    draft saved


    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53371789%2fchange-the-shape-of-points-in-kendo-react-scatter-chart%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    0
    down vote













    <ChartSeriesItem
    type="scatter"
    data={data}
    xField="rainfall"
    yField="windSpeed"
    markers={{
    visible: true,
    type: "triangle",
    }}
    />


    It can be controlled with the Markers properties type and background






    share|improve this answer

























      up vote
      0
      down vote













      <ChartSeriesItem
      type="scatter"
      data={data}
      xField="rainfall"
      yField="windSpeed"
      markers={{
      visible: true,
      type: "triangle",
      }}
      />


      It can be controlled with the Markers properties type and background






      share|improve this answer























        up vote
        0
        down vote










        up vote
        0
        down vote









        <ChartSeriesItem
        type="scatter"
        data={data}
        xField="rainfall"
        yField="windSpeed"
        markers={{
        visible: true,
        type: "triangle",
        }}
        />


        It can be controlled with the Markers properties type and background






        share|improve this answer












        <ChartSeriesItem
        type="scatter"
        data={data}
        xField="rainfall"
        yField="windSpeed"
        markers={{
        visible: true,
        type: "triangle",
        }}
        />


        It can be controlled with the Markers properties type and background







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered 17 hours ago









        KendoReact - Stefan Stefanov

        814




        814






















            Zohran Danish is a new contributor. Be nice, and check out our Code of Conduct.










             

            draft saved


            draft discarded


















            Zohran Danish is a new contributor. Be nice, and check out our Code of Conduct.













            Zohran Danish is a new contributor. Be nice, and check out our Code of Conduct.












            Zohran Danish is a new contributor. Be nice, and check out our Code of Conduct.















             


            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53371789%2fchange-the-shape-of-points-in-kendo-react-scatter-chart%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Tonle Sap (See)

            I get strange results when I access the Sqlitedatabase with Unity C# via XAMPP

            Guatemaltekische Davis-Cup-Mannschaft