Telerik Forums
Kendo UI for jQuery Forum
0 answers
144 views

 

Hi, I want to create a bullet chart in the form of group data and set a unique target data, color, tooltip-template for each bar like "column chart" in picture but I can't find how to bind data for bullet chart 

Is there a way to make the chart look like the example? Please advise if there is a more suitable graph format to display this type of data.

 

  var testData3 = [
        { name: "data 1", data: [[200, 350], [150, 170]], color: "#E56997", target: { color: "#E56997" }, tooltip: { template: "#= dataItem #" } },
        { name: "data 2", data: [[210, 250], [190, 300]], color: "#062cda", target: { color: "#062cda" }, tooltip: { template: "#= dataItem.name #" } },
        { name: "data 3", data: [[350, 200], [200, 200]], color: "#fd0166", target: { color: "#fd0166" }, tooltip: { template: "#= value #" } },
        { name: "data 4", data: [[450, 200], [270, 400]], color: "#9F00FF", target: { color: "#9F00FF" }, tooltip: { template: "#= value #" } },
    ]

    $("#testChart").kendoChart({
        title: {
            text: "Bullet",
            font: fontSize
        },
        legend: { visible: false },
        dataSource: {
            data: testData3,
        },
        seriesDefaults: {
            type: "verticalBullet",
            overlay: { gradient: "none" },
            labels: {
                visible: true,
                background: "transparent",
                color: "white"
            },
            tooltip: {
                visible: true,
            }
        },
        series: testData3,
        categoryAxis: {
            categories: ["Jul", "Aug", "Sep"]
        }
    });
Pheeraphong
Top achievements
Rank 1
 updated question on 21 Sep 2022
1 answer
301 views

I have a kendo grid with server side paging and client side sorting. while clicking the sort in the grid, data fetch request(Request to fetch data from server) is getting triggered from frontend. but I'm using the client side sorting it shouldn't be the case. Is it possible to restrict it, without calling the server, Sort should be done in the frontend level. I hereby attach the my code sample images for your Reference. Anyone can point me to the right direction? Thanks.

Georgi Denchev
Telerik team
 answered on 21 Sep 2022
1 answer
163 views

Hi,

I tried the captcha, it shows as Demo but
"Edit in Kendo UI Dojo" doesn't work the same.

Is there a detail we missed?
Thanks,

Mehmet Bingol

 

 

Martin
Telerik team
 answered on 16 Sep 2022
1 answer
99 views

I want the chart in this dojo example to be in descending order.   Currently it is in ascending order.  I used the sort on the datasource but it doesn't seem to be reflecting in the chart.   I'm sure i am missing something simple here but any help would be appreciated. 

https://dojo.telerik.com/UNENAfos

Thanks.  

Georgi Denchev
Telerik team
 answered on 13 Sep 2022
1 answer
339 views

Hi,

I would like to have paging on my grid and I am using standard paging options as recommended.

However one of users would like to start with option "Show all", and I can achieve this with setting page sizes, but not pageSize property. Grid automatically falls back to All, which is ok - display of number of records is broken in this case, and instead of showing 135 - 135 of 135 items, it says NaN - NaN of 135 items.

Is the way I am setting grid to use all as default wrong or there is a bug with this behavior?

For the example of behavior, please see the demo

Regards,

Vedad

Georgi Denchev
Telerik team
 answered on 13 Sep 2022
0 answers
87 views

i have two grids, one is a normal Kendo Grid, the Other is a TreeList grid; The regular kendoGrid, has events that fire when the user uses the Menu Filter or clicks the header when sorting. I need to capture when sort/filtering occurs; HOWEVER the TreeList grid doesnt seem to have such event??? i tried same/several renditions; the only one i see from the header Menu is when Columns are Hidden/Shown (e.g. columnShow: & columnHide:) - is there no event for columnMenuFilter  (e.g. Set/Clear) and SORT (e.g. Asc/Desc)?

anyone please advise?

Ricardo
Top achievements
Rank 1
 updated question on 12 Sep 2022
0 answers
361 views

Hi,

We have a grid with virtual scroll enabled.

When double-clicking on the first 15 rows resize handles, it behaves correctly, i.e it automatically fits the columns size to max row width.

The problem occurs now when we begin scrolling horizontally the grid : starting to the 16th column (red backgrounded) resize handle double click action behaves weirdly. Sometimes it fires a scroll event without doing else, sometimes it resizes the column but in the wrong way by reducing width.

Check this JsFiddle to reproduce the problem. Problematic column are red backgrounded.

 

Nick
Top achievements
Rank 1
Iron
 updated question on 09 Sep 2022
1 answer
2.7K+ views

I have a Kendo DropdownList as follows : 

    $("#txtTag").kendoDropDownList({
        dataTextField: "TagDesc",
        dataValueField: "TagId",
        optionLabel: " ",
        dataSource: {
            transport: {
                read: {
                    dataType: "json",
                    url: "/Data/GetTag"
                }
            }
        },
        change: onChange,
        filter: "contains"
    });

I have hidden one of the values by using 

$("#txtTag_listbox li")[4].hidden = true;

However, when I do a filter/search on the dropdown List , the hidden item also appears in that list. How do I prevent it to not appear it in the list.

Neli
Telerik team
 answered on 09 Sep 2022
0 answers
97 views

Would like to check if the below functions are available in Telerik.

  1. Double click on the header column or row can auto fix the column and row size.
  2. Use arrow keys in keyboard to select formula. Currently only support using mouse to click on the formula.

3. Is there any guide/prompt on how to use formula?

4.  "Financial" number format should be similar to Excel i.e. commas every 3 numbers, show bracket for negative value, right alignment
e.g. (1,800,123)

 

5.  Is there any double underline on the cell border? Only have single underline available for now.

 

6. For the Splitter control, can the size of the button below be adjusted? It is too small from the screen.


    Cheng Mun
    Top achievements
    Rank 1
     asked on 08 Sep 2022
    0 answers
    218 views

    I have a diagram configured that reads data from an MVC Controller.  It displays and works fine.  I need to do a long poll and refresh the diagram from the database.  I have tried all kinds of things.

    Called refresh on the diagram object,  called read on the datasource. 

    What is the proper way to get a Diagram to read the data again and redraw itself.  

    Ed
    Top achievements
    Rank 1
     asked on 07 Sep 2022
    Narrow your results
    Selected tags
    Tags
    Grid
    General Discussions
    Charts
    Data Source
    Scheduler
    DropDownList
    TreeView
    MVVM
    Editor
    Window
    DatePicker
    Spreadsheet
    Upload
    ListView (Mobile)
    ComboBox
    TabStrip
    MultiSelect
    AutoComplete
    ListView
    Menu
    Templates
    Gantt
    Validation
    TreeList
    Diagram
    NumericTextBox
    Splitter
    PanelBar
    Application
    Map
    Drag and Drop
    ToolTip
    Calendar
    PivotGrid
    ScrollView (Mobile)
    Toolbar
    TabStrip (Mobile)
    Slider
    Button (Mobile)
    Filter
    SPA
    Drawing API
    Drawer (Mobile)
    Globalization
    LinearGauge
    Sortable
    ModalView
    Hierarchical Data Source
    Button
    FileManager
    MaskedTextBox
    View
    Form
    NavBar
    Notification
    Switch (Mobile)
    SplitView
    ListBox
    DropDownTree
    PDFViewer
    Sparkline
    ActionSheet
    TileLayout
    PopOver (Mobile)
    TreeMap
    ButtonGroup
    ColorPicker
    Pager
    Styling
    MultiColumnComboBox
    Dialog
    Chat
    DateRangePicker
    Checkbox
    Timeline
    Drawer
    DateInput
    ProgressBar
    MediaPlayer
    ImageEditor
    TextBox
    OrgChart
    Effects
    Accessibility
    PivotGridV2
    ScrollView
    BulletChart
    Licensing
    QRCode
    ResponsivePanel
    Switch
    Wizard
    CheckBoxGroup
    TextArea
    Barcode
    Breadcrumb
    Collapsible
    Localization
    MultiViewCalendar
    Touch
    RadioButton
    Stepper
    Card
    ExpansionPanel
    Rating
    RadioGroup
    Badge
    Captcha
    Heatmap
    AppBar
    Loader
    Security
    TaskBoard
    Popover
    DockManager
    FloatingActionButton
    CircularGauge
    ColorGradient
    ColorPalette
    DropDownButton
    TimeDurationPicker
    ToggleButton
    TimePicker
    BottomNavigation
    Ripple
    SkeletonContainer
    Avatar
    Circular ProgressBar
    FlatColorPicker
    SplitButton
    Signature
    Chip
    ChipList
    VS Code Extension
    AIPrompt
    PropertyGrid
    Sankey
    Chart Wizard
    OTP Input
    SpeechToTextButton
    InlineAIPrompt
    StockChart
    ContextMenu
    DateTimePicker
    RadialGauge
    ArcGauge
    AICodingAssistant
    +? more
    Top users last month
    Edmond
    Top achievements
    Rank 1
    Iron
    fabrizio
    Top achievements
    Rank 2
    Iron
    Veteran
    RobMarz
    Top achievements
    Rank 2
    Iron
    Fakhrul
    Top achievements
    Rank 1
    Iron
    Tejas
    Top achievements
    Rank 2
    Iron
    Iron
    Iron
    Want to show your ninja superpower to fellow developers?
    Top users last month
    Edmond
    Top achievements
    Rank 1
    Iron
    fabrizio
    Top achievements
    Rank 2
    Iron
    Veteran
    RobMarz
    Top achievements
    Rank 2
    Iron
    Fakhrul
    Top achievements
    Rank 1
    Iron
    Tejas
    Top achievements
    Rank 2
    Iron
    Iron
    Iron
    Want to show your ninja superpower to fellow developers?
    Want to show your ninja superpower to fellow developers?